Skip to Main Content
Feature Request FR-3179
Product Area User Interface
Status CLOSED

9 Voters

Checkbox Label should not be bold when checked

horluklgg Public · May 31 2023

Idea Summary
Checkbox Label should not be bold when checked

Use Case
If you have a form with multiple items of different types, then the checkbox label is the only one, wihich is bold when it's checked, all the other labels are not bold. If you use a checkbox, you want to know if its checked or not, you don't need the additional attention with bold text.

Preferred Solution (Optional)
The checkbox label should have the defailt font-weight, not bold.

This request is likely a duplicate of FR-2033.

Comments

Comments

  • allan sitterson APEX Team OP 2.9 years ago

    Adding this CSS definition into your page's “Inline” CSS text area resolves this "issue".

    .apex-item-group--rc input:checked+label, .apex-item-single-checkbox input:checked+label {
   font-weight: normal !important;
}

  • horluklgg OP 2.9 years ago

    Hi Allan,

    yes I know, I'm using this one:

    .apex-item-group--rc input:checked + label, .apex-item-single-checkbox input:checked + label {
     font-weight: var(--a-base-font-weight-normal);
    }
     

    But the question is, why Is the label bold when it's checked? There is already a checkbox that indicates that it's checked, I dont't need additional  highlight. An input field also don't change the  label to bold text when you enter some text and to normal when it's emtpy… If you have many items on a page then the checkbox is the only one with bold label…

  • fac586 OP 2.9 years ago

    See also FR-2033.

    Having different font weights for display-only items and selected options is visually incongruous. More importantly it can change element width, resulting in content moving and flickering, which is bad for accessibility.

    This formatting should be removed or made optional through an item property (default Off).

  • rafael trevisan OP 2.9 years ago

    It should be an item property (default Off). The worst of this bold thing is content moving and flickering when the user checks or unchecks the items.

    Having to write some css to achieve this kinda goes against the whole low-code philosophy. Also, imagine if there is an upgrade in the UT and these selectors change… not ideal.