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

  • Profile Image
    glandoreghyc
    Asked 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

  • Profile Image
    TitusN
    Answered 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
    glandoreghyc
    Answered 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
    TitusN
    Answered 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.