-
spfcorreduriaFecha de consulta 13 de febrero de 2024, 13:59
-
Alejandro Jotform SupportFecha 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 SupportFecha 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.
Here's what the result will look like:
Here's the cloned version of the form that you can test.
Please give it a try and let us know how it goes.
-
spfcorreduriaFecha de respuesta 14 de febrero de 2024, 7:49
{"value":"
Thank you I will try it and let you know
"}
-
spfcorreduriaFecha 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 SupportFecha 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.
Here's what the result will look like:
Here's the cloned version of the form that you can test.
Please give it a try and let us know how it goes.
-
spfcorreduriaFecha de respuesta 14 de febrero de 2024, 9:29
Thank you I will try it and let you know BR Jacobo