-
stormingrobotsAsked on February 23, 2017 at 2:51 PM
Hi I could not get the div to work with the display:inline-block. Please advise. ?formID=70526771350151
-
JanReplied on February 23, 2017 at 5:11 PM
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.
-
stormingrobotsReplied on February 23, 2017 at 5:37 PMCancel By March 11thRegistration minus $7.00 administration fee
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
Cancel byRefund AmountThey 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.
-
IanReplied on February 23, 2017 at 9:11 PM
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.
-
stormingrobotsReplied on March 1, 2017 at 8:21 AM
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?
-
KadeJMReplied on March 1, 2017 at 12:06 PM
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.
-
stormingrobotsReplied on March 14, 2017 at 8:00 AM
I wonder any luck in this? Or that widget simply does not work with inline-block?
-
Kevin Support Team LeadReplied on March 14, 2017 at 11:26 AM
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.
-
stormingrobotsReplied on March 14, 2017 at 12:09 PM
thank you.. I'll edit the form html page instead for now.