How to adjust the width of the TEXT field in the Form

  • NVParoleBd
    Asked on April 27, 2015 at 8:05 PM

    Please see http://parole.nv.gov/About/Secure_Notification_of_Parole_Hearings/

    Just above the submit button is a message.  I can't get it to be 100% visible.  I tried changing the width attribute in the javascript for an i-frame to 90% and 105%, but that doesn't work.  Any suggestions? 

  • jonathan
    Replied on April 27, 2015 at 10:16 PM

    Hi,

    The issue had to do with the div container were the form was embedded.

    Try changing the width dimension to 100% instead so that it will auto fit the embedded form.

    How to adjust the width of the TEXT field in the Form Image 1 Screenshot 20

     

    Hope this help. Let us know if you encounter difficulty doing this.

    Thanks.

  • AaronSiciliano
    Replied on April 27, 2015 at 10:18 PM

    Hello NVParoleBD,

     

    How to adjust the width of the TEXT field in the Form Image 1 Screenshot 30

     

    It appears as though the Ektron CMS you are using has its column_center CSS class set to a fixed width of 700px. If you change this CSS class to have a fluid width of 100% then you can achieve the look of the image below. Please note that this is not CSS on the JotForm and instead on your website. By changing this CSS you may also alter any other pages that use this .column_center CSS code.

     

    .column_center {

        width: 100%;

    }

     

    How to adjust the width of the TEXT field in the Form Image 2 Screenshot 41

     

     

  • NVParoleBd
    Replied on April 28, 2015 at 10:19 AM

    Thank you for taking the time to help me analyze the issue.  I will discuss this with the State's WebTeam before making the change. Perhaps there is a way that I can limit the changes to a certain class of form.

  • NVParoleBd
    Replied on April 28, 2015 at 10:27 AM

    I decided to implement a work around by reducing the number of words, and the size of the font, in the section that was not properly displaying.  

    Once again, thank you for taking the time to explore this issue with me.

  • Jeanette JotForm Support
    Replied on April 28, 2015 at 1:14 PM

    Never hesitate to come back for more help. Cheers!

  • NVParoleBd
    Replied on April 28, 2015 at 2:08 PM

    FYI, This turned out to be a permission problem on our part.  I didn't have permission to use the correct template for HTML forms.  It was never an issue until now.

  • Carina
    Replied on April 28, 2015 at 3:30 PM

    Thank you for updating us.
    If you need further assistance please let us know as we're here to help.