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

    Style Hebrew in configurable list

    Asked by assafk on June 02, 2015 at 03:21 PM

    Hello,

    This is my configurable list:

     

    1. the list is in Hebrew, which is written from right-to-left. how can I align the text (also inside the text boxes) to the right?

    2. from the same reason, how can i move the + button (where written in Hebrew 'שמור והוסף שורה') to the right?

    3. I want to space the gaps between the colums and lines. how do I do it?

     

    Thanks.

    Assaf

    configurable list Hebrew style
  • Profile Image

    Answered by assafk on June 02, 2015 at 05:16 PM

    No one knows?

  • Profile Image
    JotForm Support

    Answered by BJoanna on June 02, 2015 at 05:39 PM

    You can move your text to the right by adding CSS inside on Configurable list widget CSS.

    To move your text to the right add this code:

    th {

        text-align: right;

    }

    input[type="text"] {

         text-align: right;

    }

    select {

        direction: rtl;  

    }

    Paste this code ad the bottom of existing code.

     

    Can you please explain in more details where you want to add gap?

    Hope this will help.

  • Profile Image

    Answered by assafk on June 02, 2015 at 05:49 PM

    Hi!

    First of all - thank you very much! the code works perfectly!

    second, what about my second question? there is no way to move the button to the right?

    third, as you can see at the picture above, I have three columns, which means 3 boxes in every line. I want the gap between the boxes to be bigger.

     

    I hope that now I was more detailed.

    and agian, many thanks!

  • Profile Image

    Answered by Carina on June 02, 2015 at 06:31 PM

    I will make some tests and will let you know as soon as I have more details.

    Let us know if we can assist you further.   

  • Profile Image

    Answered by Carina on June 02, 2015 at 07:56 PM

    To add more space between the elements please add this css code:

    input[type="number"], input[type="text"] {

        margin-left: 10px;

    margin-bottom: 10px;

        }

    Unfortunately I could not find a satisfactory solution to the right alignment of the add button. The best I got was by adding a position css but it got hidden so I need to add css to increase the IFrame height. You can see it here:

    http://form.jotformpro.com/form/51527534956968? 

    It works well until the 6th line is added. After that the add button gets hidden. I will try to see if I find a satisfactory solution.

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

  • Profile Image

    Answered by assafk on June 03, 2015 at 04:26 AM

    many thanks!

  • Profile Image
    JotForm Support

    Answered by BJoanna on June 03, 2015 at 05:37 AM

    On behalf of my colleague, you are welcome.

    Do let us know if you have any further questions or issues and we would be happy to assist.