What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by stormingrobots on February 23, 2017 at 02:51 PM

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

  • Profile Image
    JotForm Support

    Answered by Jan on February 23, 2017 at 05: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.

  • Profile Image

    Answered by stormingrobots on February 23, 2017 at 05:37 PM
    Cancel By March 11th
     
     
    Registration 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 by
    Refund Amount

    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.  

     

  • Profile Image

    Answered by Ian on February 23, 2017 at 09: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.

  • Profile Image

    Answered by stormingrobots on March 01, 2017 at 08: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?   

  • Profile Image

    Answered by KadeJM on March 01, 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.

  • Profile Image

    Answered by stormingrobots on March 14, 2017 at 08:00 AM

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

  • Profile Image
    JotForm Support

    Answered by Kevin_G 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. 

  • Profile Image

    Answered by stormingrobots on March 14, 2017 at 12:09 PM

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