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

    How to configure Short Scrollable widget to be responsive with control over font etc..

    Asked by glandoreghyc on January 26, 2016 at 06:58 PM

    Hello, 

     

    This is the new thread as a result of a suggestion in my last thread at

    http://www.jotform.com/answers/756149-1-How-can-i-format-it-so-that-the-Statements-I-Acknowledge-that-i-have-read-are-aligned-to-the-left-of-the-tabulated-items-1-2-#4

     

    I have inserted the Scrollable widget and made the changes as recommended by Charlie, it is on a test web site at 

    http://www.reenoserve.com/GHYC/isaform/

     

    And it seems to perform responsively, which is good, but it raised two other questions (please do not move these to a new thread)

    See screen shot below

     

    Q1 relates to how do i configure this widget to work without this heading of label if i do not fill it in then the 2 items below do not show.

    Q2 relates to how do i control the font and colour of the font,,, is this via CSS again??

     

    Thx

     

    John

    font scrollable widget scrollable short scrollable
  • Profile Image
    JotForm Support

    Answered by TitusN on January 27, 2016 at 02:21 AM

    To modify the widget's style, layout, typeset - you need to update the Custom CSS input box with custom code. 

    Click on the wizard wand on the widget from the builder to open the settings, then select the Custom CSS tab as shown: 

    Copy and paste the following Custom CSS to hide the label you do not need shown, and to modify the font properties: 

     

    /*Hide the Label*/

    label#label {

        color: transparent;

    }

    span.required {

        display: none;

    }

    /*Modify the font properties*/

    div#scrollContent {

        color: #004c99;

        font-size: 0.9em;

    }

     

    Will that do? - let us know. 

  • Profile Image

    Answered by glandoreghyc on January 27, 2016 at 02:28 AM

    Hello,

     

    Thank you for taking time to investigate this issue, i have discovered that i cannot use the widget as the major problem i have is that i need all the response information included in the Auto responder email, and using the widget will not provide this information.

    The following thread contains the response i mentioned.

     

    http://www.jotform.com/answers/756151-What-information-will-be-included-in-the-email-notification-as-proof-of-acknowledgement#6

     

    Thank You

     

    John

  • Profile Image
    JotForm Support

    Answered by TitusN on January 27, 2016 at 03:50 AM

    You're welcome. 

    Sorry you could not get it to work as expected. 

    But if you have further questions - We're happy to assist.