Custom indeterminate checkbox

[Woland]

Hello.

Today I found a bug with custom checkboxes. I tried to set indeterminate property for custom checkbox but it doesn’t work (nothing happening).

I trying to set it by jquery:
selectAll.prop(‘indeterminate’, true);

But if I try to apply this property to default input checkbox it works correctly.

How can I fix it?

---

[Support]

Hello, thanks for your purchase.

Please try adding the giver CSS code below at (css/custom.css):

.checkbox-custom input[type="checkbox"]:indeterminate + label:after {
    position: absolute;
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f068';
    top: 50%;
    left: 4px;
    margin-top: -5px;
    font-size: 11px;
    line-height: 1;
    width: 16px;
    height: 16px;
    color: #FFF;
}

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto Admin and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Woland]

Thanks, it works! Just a little mistake: color #FFF makes the icon invisible 🙂

---

[Support]

Hello,

Great! 🙂

If you need further assistance feel free to contact us.

Kind Regards,

Rodrigo.

If you are satisfied with Porto Admin and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts