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

    Customize the contents of the ddSlick Dropdown widget

    Asked by asdf789 on May 31, 2015 at 12:12 PM

    Can I change the widget to go from right to left, i.e.:

    1. the arrow's dropdown on the left side

    2. the images on the far right side of the line, and the text to the left of them

    3. the entire menu should be on the right side

    (basically, everything is mirrored)

     

    I've added the following code and it fixes the regular dropdown menu but it has no effect on the widget.

    .form-all{ 

    direction: rtl; 

    }

     

    Thanks!

    Page URL:
    http://www.jotform.com//?formID=51504443407953

    right to left ddSlick dropdown ddSlick left
  • Profile Image
    JotForm Support

    Answered by Charlie on June 01, 2015 at 12:11 AM

    Unfortunately, it seems like the ddSlick widget cannot be styled using custom CSS code as of the moment, it's design is loaded at the widgets server and is embedded on an iFrame.

    I will escalate this to our developers to see if they can add a custom CSS code area inside that widget. Unfortunately, I'm unable to guarantee that this will be implemented. 

    For the meantime, I would suggest using the default drop down field as this is easily customizable using CSS codes, although this doesn't have an option to add an image on it. 

    Regards.

     

  • Profile Image

    Answered by asdf789 on June 01, 2015 at 06:02 AM

    OK, Thank you very much!

  • Profile Image
    JotForm Support

    Answered by TitusN on September 01, 2015 at 08:59 AM

    Hello, 

    You can now customize the widget layout using the Custom CSS tab as shown: 

    Try pasting in the following code to change the widget orientation to RTL: 

    body {

        direction: rtl;

    }

    Let us know if that helps. 

    Thanks!

  • Profile Image

    Answered by asdf789 on September 02, 2015 at 08:25 AM

    Thanks, but it still doesn't work.

    http://www.jotform.com//?formID=52443209968968

  • Profile Image

    Answered by asdf789 on September 02, 2015 at 09:27 AM

    Took a second look and while the text is now RTL, I would like for the entire box to be moved also to the right.

    Another problem now is that the arrow on the dropdown menu needs to be moved to the left, otherwise it blocks some of the text.

    Thanks!

  • Profile Image
    JotForm Support

    Answered by Charlie on September 02, 2015 at 10:37 AM

    @asdf789

    I went ahead and opened a separate thread so that we can focus on it better. Please refer to this link instead: http://www.jotform.com/answers/653439. We will address it shortly.

    Thank you.