Bug: Check Box

  • Resolved Anonymous User 18296540

    (@anonymized-18296540)


    3 years, 5 months ago

    There is a bug in Check Box field when you use Button Type Styles. When you have 1 row of buttons it looks good but when you have more items – 2 ora 3 rows – the edges of the buttons on the left disappear. This is definitely a bug, because it is so on every installation, new, old, many themes, etc. You can add CSS, but it adds edges to all, surely it’s about this passage:

    .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected
    border-left: 0;
    }

    • This topic was modified 3 years, 5 months ago by Anonymous User 18296540.
    • This topic was modified 3 years, 5 months ago by Anonymous User 18296540.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Tahmid ul Karim

    (@tahmidulkarim)

    3 years, 5 months ago

    Hi @schuerich,

    Removing the border-left: 0 will add a border on the left for all the buttons and for some of the buttons there will be overlapping borders.

    The issue that you are facing can be fixed using Custom CSS codes. You can target the specific button using the CSS nth-child selector. Here is an example CSS code – 

    .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check:nth-child(5) label>span {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    box-shadow: none!important;
}

    You might have to change the number inside the nth-child selector to select the specific element.

    I hope this will solve your issue.

    Thank you.

    Thread Starter Anonymous User 18296540

    (@anonymized-18296540)

    3 years, 5 months ago

    Hi @tahmidulkarim

    Thank You. Worked fine. You are the best!

    Tahmid ul Karim

    (@tahmidulkarim)

    3 years, 5 months ago

    Hi @schuerich,

    Glad to hear that the CSS worked fine. Let us know if you face any other issues.

    We would very much appreciate it, if you could spare a few minutes to share your experience and provide us feedback if you haven’t done it already. This feedback helps us improve our ability to provide you with the best possible support. To write a review, please visit here. – https://ww.wp.xz.cn/support/plugin/fluentform/reviews/#new-post

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Bug: Check Box’ is closed to new replies.