Style Hebrew in configurable list

  • Profile Image
    assafk
    Asked 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

  • Profile Image
    assafk
    Answered on June 02, 2015 at 05:16 PM

    No one knows?

  • Profile Image
    BJoanna
    Answered 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
    assafk
    Answered 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
    Carina
    Answered 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
    Carina
    Answered 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
    assafk
    Answered on June 03, 2015 at 04:26 AM

    many thanks!

  • Profile Image
    BJoanna
    Answered 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.