Button responsive to browser

  • Resolved zukenstein

    (@zukenstein)


    5 years, 9 months ago

    I have a long text within a button, is it possible to have it be responsive to the browser size/type? At the moment it goes off the side of the screen on mobiles so I need the text label within the button to be responsive and wrap if necessary

    Thanks

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

    (@codepeople)

    5 years, 9 months ago

    Hello @zukenstein

    Why you need all the text directly on the button? Why not enter a short text in the button, and a long description into the “Instructions for User” attribute in the button’s settings?

    Please, indicate the URL to the page with the form to see the button you are referring to.

    Best regards.

    Thread Starter zukenstein

    (@zukenstein)

    5 years, 9 months ago

    I’ve set it up on this page for you to see. I dont want to put all the text in the ‘instructions for user’ as I already have text in there

    https://81b.co.uk/test/

    Thanks

    Plugin Author codepeople

    (@codepeople)

    5 years, 9 months ago

    Hello @zukenstein

    The HTML standard does not allow to display the buttons’ texts in multiple lines, however, you can edit their appearance as follow:

    Enter the style definition below into the “Customize Form Design” attribute in the “Form Settings” tab (https://cff.dwbooster.com/images/documentation/form-settings-tab.png):

    
#fbuilder .cff-button-field input{
    max-width: 100% !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

    Best regards.

    Thread Starter zukenstein

    (@zukenstein)

    5 years, 9 months ago

    OK thanks for that

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

The topic ‘Button responsive to browser’ is closed to new replies.