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

  • Profile Image
    stormingrobots
    Asked 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
    Jan
    Answered 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
    stormingrobots
    Answered 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
    Ian
    Answered 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
    stormingrobots
    Answered 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
    KadeJM
    Answered 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
    stormingrobots
    Answered 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
    Kevin_G
    Answered 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
    stormingrobots
    Answered on March 14, 2017 at 12:09 PM

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