Space showing in form

  • Profile Image
    Asked on December 01, 2012 at 05:59 PM

    When i preview my form there is a space showing in the first part of each section.  It throws the alignment off on everything.  any suggestions?

    jonathan: Welcome.

    jonathan: Can you please tell which of your for it is. Thanks

    Application of Employnment

    jonathan: You have only 1 form

    jonathan: Are you referring to the spaces in between the sections?

    when i view it there is a big space to the left of "full name" in the Personal Information section

    it is that way in sections 1,2 and 4

    jonathan: Yes I could see this... its has something to do with Shrink and Expand property..

    jonathan: I trying to shrink them all first and see how it does when expanded individually again

    jonathan: *I am

    jonathan: I apologize for the delay, I am still trying to figure out the right combination.. in case you cannot wait anymore please create a topic here so we can attend to it even when you are not online and we can reply via your email. Thanks.

    ok thanks

    jonathan: Thank you. I am still on it. I will update you either on this or on the topic you will create in the forum.

  • Profile Image
    Answered on December 01, 2012 at 06:09 PM


    Can you please test this form

    The misalignment occurs on the Pastel theme.. if you set it to Default theme, the alignment is OK.

    This probably had to do with the CSS when it switches between the 2 theme template.

    Maybe we can just inject a CSS code to the Default theme to change the color to that of Pastel. 

    Please inform us if this is OK with you.


  • Profile Image
    Answered on December 01, 2012 at 06:42 PM

    Here is an updated version with colors similar to that of the pastel theme

    Please inform us of your preference.


  • Profile Image
    Answered on December 01, 2012 at 07:16 PM


    I checked this further, and I found out that simply changing the height of the collapse field can fix the alignment issue in pastel theme combined with your fields.


    I injected this CSS code to change the height.


    .form-collapse-table {

    height: 59px; !important;}


    This is the final test form: