Label Placement

  • Resolved civilvicky

    (@civilvicky)


    3 years, 8 months ago

    Hello,
    I am trying to place the label (root sign) at the left side of the field. I have tried doing this by “right aligned” method because “left aligned option was making the label to place far away from the field”. I have shared an image, can we achieve similar to it.
    image : https://postimg.cc/grwqVV8P

    • This topic was modified 3 years, 8 months ago by civilvicky.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author codepeople

    (@codepeople)

    3 years, 8 months ago

    Hello @civilvicky

    Instead of using labels, you can use CSS. Please, try by entering the style definition below through the “Customize Form Design” attribute in the “Form Settings” tab.

    #fbuilder .cff-number-field .dfield::before{content:"√";font-size:38px;position:absolute;}
#fbuilder .cff-number-field .dfield input{border-top:2px solid black !important;margin-left:20px !important;}

    Best regards.

    Thread Starter civilvicky

    (@civilvicky)

    3 years, 8 months ago

    Yeah, It’s working fine. Could we add a plus (+) sign between the two numbers fields.

    Plugin Author codepeople

    (@codepeople)

    3 years, 8 months ago

    Hello @civilvicky

    You can distribute the fields in columns and insert an “HTML Content” or “Instruct. Text” field between the number fields with the plus symbol.

    Please, watch the video tutorials in the following section of the plugin’s documentation:

    https://cff.dwbooster.com/documentation#customize-form-design

    If you need to customize the form design, you should contact us directly through the plugin website:

    https://cff.dwbooster.com/contact-us

    Best regards.

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

The topic ‘Label Placement’ is closed to new replies.