Form Designer Page Alignment Issue

  • Profile Image
    Asked on June 04, 2015 at 07:53 AM
    BTW, I can't use your form designer because it breaks the alignment on my page (which is a real shame, because it's a great tool). Any fixes or work-arounds for that?
  • Profile Image
    Answered on June 04, 2015 at 09:58 AM


    Yes, there is always a workaround but first, we need to know the exact problem before we can proceed with finding solutions. Maybe it can also be resolved in the form designer itself. Would you mind explaining the problem further about which alignment breaks on your page? Or can you provide the exact page URL so we can inspect?


  • Profile Image
    Answered on June 04, 2015 at 11:08 AM

    I've created for you an example:

    This is the before page:

    This is after I changed the background color using the form designer (that's the only change I've made):


    As you can see, all of the labels of the fields are now aligned to the left, instead of right.

    Thanks again!

  • Profile Image
    Answered on June 04, 2015 at 01:04 PM

    If that's the case, you can directly fix those that are not aligned to the right direction using the Form Designer Tool itself. You can change the styling of the element by clicking on them directly. Please check the screenshot below.

    First, click the "CSS Tab" area, this is where you can add your own custom CSS codes. To change styling of the elements, you can directly click on them and they'll be automatically be selected and the CSS selector will show in the CSS area. 


    In the sample form that you have, the ones that does not show in the right direction are the labels of the input box. This is the custom CSS that I used:

    .form-label.form-label-top {

        direction : rtl !important;

        text-align : right !important;   


    I also added this code:

    .jotform-form, .form-all {

      direction: rtl !important;


    This is how it looks like: Do let us know if those works.

    Thank you.


  • Profile Image
    Answered on June 04, 2015 at 03:09 PM

    From what I can see, it fixes the alignment. Should I encounter any other issues with the designer tool, I'll post here again.


  • Profile Image
    Answered on June 04, 2015 at 04:30 PM

    On behalf of my colleagues you are welcome. 

    If your issue is continued due to the alignment again then please by all means go ahead and follow it up here again if needed. 

    However, if it ends up being anything else that is different from the alignment then we would prefer it if you'd open that up in a new thread since it would be a different issue.

    Additinally, if you would like to learn how to use the Form Designer better then we would highly recommend referring to this guide here which you may find very helpful for learning how to use it better.