Need help formatting form

  • Profile Image
    impact100baldwincounty
    Asked on August 30, 2017 at 11:31 AM

    The values I enter into properties for some fields are not being reflected on my form. In particular I want the labels for Membership fee, Online processing fee, administrative donation, Total, and Total Paypal/Credit Card to be on the left and the width of the fields to be 10 char. That is what I have set in Properties, but that is not what is being displayed. I tried to enter CSS, but it still can't get it to display properly - and even if it did, why would I have to do that?

    I did make some modifications to the form style using the Designer, (font size, etc.) but don't know what I did to cause the current problem.

    Also, the options for the question Membership Participation Opportunities display properly when in build mode, but run off the page when the form is published. Can you tell me how to fix that?

     

    Thank you,

    Susie

  • Profile Image
    david
    Answered on August 30, 2017 at 12:57 PM

    The theme applied to your form is overwriting the changes you are attempting to apply.  If you remove the them or apply the default theme, the changes you applied directly to the fields will be shown correctly:

    Here is my test copy of the form with the theme removed:

    https://form.jotformpro.com/72415160752956

    You can clone the form to your own account if you would like:

    https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

  • Profile Image
    impact100baldwincounty
    Answered on August 30, 2017 at 01:16 PM

    Thank you. That fixed one problem, however the Membership Participation question still does not format correctly. You only see that question if you select "My membership" in answer to Purpose of Application question. I am uploading a screenshot.

    I didn't mean to apply a theme - is there a way I could have done that without realizing it?

     

  • Profile Image
    david
    Answered on August 30, 2017 at 01:29 PM

    To fix that portion, add the following CSS to your form:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-line-column {
        white-space: normal;
    }

    That should allow the text to wrap properly.