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

  • Profile Image
    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?



    This is a re-post of a comment on How to Set Up the Configurable List Widget

  • Profile Image
    Jovanne_A
    Answered on February 12, 2021 at 06: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.

  • Profile Image
    rcp.peters
    Answered on February 15, 2021 at 08: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]
    ...
  • Profile Image
    rcp.peters
    Answered on February 15, 2021 at 08:44 AM
    Ryan Peters would like to recall the message, "Can you change how large the add-row button is?".
    ...
  • Profile Image
    Richie_P
    Answered on February 15, 2021 at 08:55 AM

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

    1613397265_602a7d1180d2e_1.png

    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.

  • Profile Image
    rcp.peters
    Answered on February 15, 2021 at 09: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]
    ...