Moving Input Box to Right

  • Resolved dmcp2018

    (@dmcp2018)


    7 years, 1 month ago

    Asked last week with no reply, trying one more time.

    Is it possible to move the INPUT BOX to the right of the text, as highlighted in green on my mockup image here: https://imgur.com/a/5wl4S ?

    This may only apply to certain fields, so I assume the “Add Css Layout Keywords” for that particular field is the solution but not sure how to format it.

    Thanks!

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

    (@codepeople)

    Hello @dmcp2018,

    Yes, you should create your own CSS rules, please, follow the instructions below:

    1. Select the field and assign to it a custom class name, for example: my-field

    Note: the class names are entered through the “Add CSS Layout Keyword” attribute in the field’s properties.

    2. Enter the following style definition through the “Customize Form Design” attribute in the “Form Settings” tab:

    
#fbuilder .my-field label,
#fbuilder .my-field .dfield{float:left;}

    and that’s all.
    Best regards.

    Thread Starter dmcp2018

    (@dmcp2018)

    Perfect, THANK YOU! I think it was the LEFT that confused me ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Moving Input Box to Right’ is closed to new replies.