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

    Custom CSS code added to configurable list is not working correctly

    Asked by AgilityAssoc.Canada on May 09, 2017 at 05:30 PM

    Hi,

    I’m using this widget now, the configurable list widget. for form 71245791095966 

    I’m attempting to use custom css. 

    Some of it works (in green) and having difficulty with other parts (in red) not working.

    1) Also, the “textarea”, I want to have the same background color and border as the “text” input boxes as I have done.

    2) I want to widen  col2, col3, col4 and narrow col1

    3) I want the number input field to be narrower and the input text centered.

     

    .col1,.col2, .col3, .col4

    {

    color: #307080;

    }

    input[type=text]

    {

    height: 20px;

    background-color: #FBF5CD !important;

    border :  1px #bbb inset;

    border-radius: 6px;

    }

    .input[type=number]

    {

    text-align: center !important;

    width:10px;

    }

     

    Thank you, 

    Robert

  • Profile Image
    JotForm Support

    Answered by EltonCris on May 09, 2017 at 06:56 PM

    Append this CSS codes.

    .col1 input[type=text] {

        width: 44px;

        text-align:center;

    }    

    .col2 input[type=text],

    .col3 input[type=text] {

        width: 150px;

    }

    .col4 textarea {

        background-color: #FBF5CD !important;

        border: 1px #bbb inset;

        width: 180px;

    }

    This gives you the following style:

    The width of the text inputs (mark in bold) will automatically adjust the column width so feel free to adjust them according to your preference.

  • Profile Image

    Answered by AgilityAssoc.Canada on May 09, 2017 at 10:37 PM

    Yes exactly what I wanted... Thank you.... BUT another issue

    When the submission email arrives it is missing the row names.

    The first row name is not correct, there is one row with correct name.

    I did this test twice, after the first one I changed Configurable list text to the row name for each one with no change. How do I accomplish this?

    Regards,

    Bob

  • Profile Image
    JotForm Support

    Answered by EltonCris on May 10, 2017 at 12:06 AM

    Did you customize your email notification template? When you do so, the template will not be able to fetch changes from the form. However, you can manually update or input the field labels in the email notification template.

    Example:

  • Profile Image

    Answered by AgilityAssoc.Canada on May 10, 2017 at 10:05 AM

    DUH!

    Your right, I hadn't thought of that... Thanks again. Robert