-
AgilityAssoc.CanadaAsked on November 16, 2018 at 10:33 AM
Hi,
I was wondering if my widget text for "sheet-2-form widget" on my form 61013950784960 could be relocated to the side of the input rather then under it.
There are a number of different texts depending on conditions and not all are editable.
I'm not sure where the CSS would be added, to the custom code for the widget or the injected CSS option.
This is not a big issue, or an issue at all, just a would like to do if possible. Please don't spend a lot of resources on it as you have more pressing problems.
Best regards, Robert
-
David JotForm Support ManagerReplied on November 16, 2018 at 12:25 PM
Is this where you want to position the validate button?
You can do it by injecting the following CSS code in the CSS area for that widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets
body > div > div:nth-of-type(2){
text-align: right;
}
#autofill{
margin-right: 5%;
}
Let us know if you need more help.
-
David JotForm Support ManagerReplied on November 16, 2018 at 12:37 PM
Sorry, I see that you are referring to the message that is shown after the validation, please disregard my previous response.
Please inject the following CSS code inside the widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets
#message{
margin-left: 40%;
margin-top: -10%;
}
And the following CSS code in the general CSS area of the form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
#customFieldFrame_49{
width: 270px !important;
height: 66px !important;
}
Result:
Let us know if you need more help.
-
AgilityAssoc.CanadaReplied on November 17, 2018 at 10:53 AM
Hello,
Great!, Yes thank you it works perfect.
Moved to new post:
I notice one thing though that might confuse a user. If a number is entered that is not valid, the message appears. When the field is cleared the message remains. Is there a way to clear it?
Regards, Robert