Short Scrollable Terms: Ability to format text added to the widget.

Hi I could not get the div to work with the display:inline-block. Please advise. ?formID=70526771350151

You can use the "!important" rule to overwrite some CSS values. For example:

div { display: inline-block !important; }

Also, you need to insert the CSS inside the widget. I checked your form and I didn't see any issues with the Terms and Conditions widget. Here's a screenshot:

Please provide more details about the inline-block issue or what exactly are you trying to achieve. In this way, we can assist you properly.

We'll wait for your reply. Thank you.

Cancel Between 3/12th and 3/15th

Registration minus $7.00 administrative fee ONLY if seat is replaced by another student. 

They are supposed to be using the

They both are supposed to skip the line-break. see the CSS for div.termLine1 .   Instead being displayed on the same line, they are in a different line.  

If you want the content specified to appear in a single line then you can adjust the width by adding following CSS code 

div.termLine1 {
width: 300px!important;
}

Hope this helps.

I did try those options  before. They do not work.   See my full div css:

div.termLine1 {

line-height:1em;

font-size:12px;

background-color:rgba(255,255,255, .9);

display:inline-block!important;

width:75px!important;

}

div.termLine2 {

line-height:1em;

font-size:12px;

background-color:rgba(255,255,255, .9);

display:inline-block!important;

width:200px!important;

}

Also, out of desperation, my last resort is to use table. I would prefer using div though. Suggestion?   

I do apologize that the last suggestion didn't seem to help much with resolving the issue.

Please allow us some additional time to investigate this problem further to see what else we can come up with for it if anything and then we will update you about it as soon as possible.

I wonder any luck in this?  Or that widget simply does not work with inline-block?

Unfortunately, the widget will not allow you to add custom HTML tags, the same way as you do in the HTML text field, all HTML tags added in the widget will be removed when previewing the form, this is for security rules and I do not think this could be implemented. 

However, I will forward this thread to our second level as feature request, so the text in the widget could be formatted, hopefully this will allow to customize the default formatted text with some CSS code. 

In the meantime, you could use the HTML text field to display the text and customize if with the tags you need to add. 

You could take a look to the result on this form: https://form.jotformpro.com/70724319430956 

Right below the widget you've added, if you would like to use this workaround, we could help you to implement it to your form. 

thank you.. I'll edit the form html page instead for now.