Style Hebrew in configurable list

  • assafk
    Asked on June 2, 2015 at 3:21 PM

    Hello,

    This is my configurable list:

    Style Hebrew in configurable list Image 1 Screenshot 20

     

    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

  • assafk
    Replied on June 2, 2015 at 5:16 PM

    No one knows?

  • BJoanna
    Replied on June 2, 2015 at 5: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.

    Style Hebrew in configurable list Image 1 Screenshot 20 

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

    Hope this will help.

  • assafk
    Replied on June 2, 2015 at 5: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!

  • Carina
    Replied on June 2, 2015 at 6: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.   

  • Carina
    Replied on June 2, 2015 at 7: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.

  • assafk
    Replied on June 3, 2015 at 4:26 AM

    many thanks!

  • BJoanna
    Replied on June 3, 2015 at 5: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.