Change the message on Spreadsheet to Form widget so it looks bigger

  • spfcorreduria
    Fecha de consulta 13 de febrero de 2024, 13:59
    is there a way to change the message so it looks bigger when COMUNIDAD is not identified?

    How to use Spreadsheet to Form widget? Image 1 Screenshot 20 Screenshot 10

    I would like to see the text like in the paragraph I had (in blue font) or similar

  • Alejandro Jotform Support
    Fecha de respuesta 13 de febrero de 2024, 14:22

    Hi Jacobo,

    Thanks for reaching out to Jotform Support. I need a bit of time to check on this with the team, and we will get back to you on this same thread as soon as we have an answer. We appreciate your patience and understanding.

    Feel free to let us know if there is anything else we can help you with.

  • Afzal Jotform Support
    Fecha de respuesta 13 de febrero de 2024, 15:17

    Hi Jacobo,

    Thanks for getting back to us. To change the style of the message color in the Spreadsheet to Form widget, Check out the steps and screenshot below to see how to add the custom CSS to your widget:

    • Click on the Wand icon to open Widget Settings.
    • Open the Custom CSS tab and add the below code.
    /*To change the font color - 11833371*/
    div#message {
        font-size: .90em;
        color: blue !important;
        width: 235px;
    }
    • Click on the Update button to save the changes.

    Configurable List Widget: Fit the field without scrollbar Image 1 Screenshot 30 Screenshot 20

    Here's what the result will look like:

    Change the message on Spreadsheet to Form widget so it looks bigger Image 1 Screenshot 31

    Here's the cloned version of the form that you can test.

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

  • spfcorreduria
    Fecha de respuesta 14 de febrero de 2024, 7:49

    {"value":"

    Thank you I will try it and let you know

    "}

  • spfcorreduria
    Fecha de respuesta 14 de febrero de 2024, 8:05

    It works thank you. Is there a way the text could go all the way to the right?

  • Afzal Jotform Support
    Fecha de respuesta 14 de febrero de 2024, 8:33

    Hi Jacobo,

    Thanks for getting back to us. I understand you want to show the message in a single. This can be done by adding custom CSS to your form. Check out the steps below to see how it's done:

    • Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
    • Under the Styles tab, paste the code below into the Inject Custom CSS area.
    /*To increase widget width - 11833371*/
    iframe#customFieldFrame_93 {
        max-width: 700px !IMPORTANT;
    }


    The above CSS code will allow the widget to cover full width. Now we can control each div in the widget. Check out the steps and screenshot below to see how to add the custom CSS to your widget:

    • Click on the Wand icon to open Widget Settings.
    • Open the Custom CSS tab and add the below code.
    /*To change the font color - 11833371*/
    div#message {
        font-size: .90em;
        color: blue !important;
        width: 100%;
    }

    button#autofill, input#access-code {
        max-width: 250px;
    }
    • Click on the Update button to save the changes.

    Configurable List Widget: Fit the field without scrollbar Image 1 Screenshot 30 Screenshot 20

    Here's what the result will look like:

    Change the message on Spreadsheet to Form widget so it looks bigger Image 1 Screenshot 31

    Here's the cloned version of the form that you can test.

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

  • spfcorreduria
    Fecha de respuesta 14 de febrero de 2024, 9:29

    Thank you I will try it and let you know BR Jacobo