Relocate widget text to side rather then under.

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  

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.

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.

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