Align fields to RTL on my form

Hi,

I have a widget Terms & Conditions that in mobile view i would like to align RTL

I would like to change the Plcaeholder of the dynamic dropdown list widget

I would like to RTL Empty Option Text the dropdown field that i have

Hi Doron,

Thanks for reaching out to Jotform Support. You can add a CSS code to move the selection from right to left. Let me show you how:

1. Copy this CSS code.

select#input_34, select#input_40{

  text-align: right;

  direction: rtl !important;

}

2. In Form Builder, click the blue paintbrush icon to open Form Designer.

3. Under Styles, scroll down and look for Inject Custom CSS text area and paste the CSS code.

Here is the result:

That's it. You can now make the text direction from right to left on your widget.

Give it a try and let us know how it goes.

Thank you!

how can i move the checkbox of the widget Terms & Conditions to show in right and not left?

Hi Doron,

I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

Thanks for your patience, we appreciate it.

Hi Doron,

We're still working on this one, I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

We appreciate your patience while we work on a solution.

Hi Doron,

I suggest injecting this CSS code to your widget below. Let me show you how:

1. First, copy this code:

@media only screen and (max-width: 480px) {

#userInput+label::before {

    left: 92%;

}

#userInput:checked+label::after {

    left: 92%;

}

}

2.  In Form Builder, click on the Terms & Condition widget field.

3. Then click on the Wand icon.

4. Go to Custom CSS tab.

5. Under Custom CSS tab, paste the CSS code.

6. Then click on Update Widget.

Check out my screenshot below to see my results:

Give it a try and let us know if you need any help.

Great! Thank you!

Hi Daron,

I've moved your question about creating a space between back and next buttons to a new thread. You can check that out here.

Let us know if you have any other questions.