Can you change how large the add-row button is?

  • rdge
    Asked on February 12, 2021 at 12:40 PM

    Can you change how large the add-row button is? Physical size of the button and/or font size; as well as the color?

  • Jovanne JotForm Support
    Replied on February 12, 2021 at 6:14 PM

    Hi,

    Yes, please try to add this custom CSS code:

    Guide: https://www.jotform.com/help/428-how-to-inject-css-codes-to-widgets


    button.add {

      height: 40px;

      width: 100px;

      font-size: 16px;

      color: white;

      background: orange;

    }


    Please feel free to change the value of each property to your preference.

    Please give it a try and let us know how it goes.

  • rcp.peters
    Replied on February 15, 2021 at 8:44 AM
    This did not seem to work. I put the code into the CSS section of the Configurable Widgets list and nothing changed. https://form.jotform.com/210394017203140
    Ryan Peters
    Technical Graphics Manager
    Office: (336) 299-4705 Ext: 309
    Direct: (336) 279-7489
    rpeters@rdgrahamelectric.com
    [Signature]
    ...
  • rcp.peters
    Replied on February 15, 2021 at 8:44 AM
    Ryan Peters would like to recall the message, "Can you change how large the add-row button is?".
    ...
  • Richie JotForm Support
    Replied on February 15, 2021 at 8:55 AM

    I have checked your form and it seems the CSS my colleague has shared is working.

    1613397265 602a7d1180d2e 1 Screenshot 10

    You may increase the height in the code to increase the button size.

    Please give it a try and let us know how it goes.

  • rcp.peters
    Replied on February 15, 2021 at 9:00 AM
    Yes, it is working now. I had to delete the “{“ at the front of the code that was in the original response and it worked. Thanks for your help!
    Ryan Peters
    Technical Graphics Manager
    Office: (336) 299-4705 Ext: 309
    Direct: (336) 279-7489
    rpeters@rdgrahamelectric.com
    [Signature]
    ...