Alignment

Hello,

I am having an issue with the checkboxes in my Right to Left form. While the label is aligned to the right, the checkboxes (which I've added vertically) are aligned to the left. Any ideas how to change it?

Also, when I add a tooltip, the ? overlaps the label.

Lastly, I am unable to add 2 fields to a row using the multi field row function.

Hi idanianovici,

I'm not sure that the rtl CSS has ever been properly worked out for all the layout options :-(

Please post a link to the form so I can take a quick look.

Bob

Hi Bob,

Thanks for your reply.

Here is the link-
http://mbasummercamp.org.il/registration

Hi idanianovici,

Not ideal but I was able to get the layout with some custom CSS

#vegetarian1_container_div > div:first-of-type {
float: right !important;
margin-right: 140px;
}

Bob

Hi Bob,

Wow, thanks for all your help! Where would I input this css? I'm pretty new to developing and I'm not too proficient in css.

Also, would I be able to use the same custom css with other fields that are aligned right just by changing the name of the field?
Thanks!

Idan

Hi idanianovici,

Please see this FAQ for adding the CSS.

Yes you can use the same CSS and replace 'vegetarian1 for the other checkbox groups.

Bob

Hey Bob,

Thanks for all your help. I tried to buy you a beer, but for some reason Paypal didnt let my card go through. I'll do it tonight. You're a lifesaver!

Another 2 questions:
1. I am unable to add a multifield row for some reason. Is it because RTL?
2. The Datepicker stopped working. It was working fine, but now it doesnt work. What should I do to change it.

Once again, I appreciate your help!

Regards,

Idan

Hi idanianovici,

The Multi-Row is probably an RTL problem as it uses CSS 'float' :-(

The datepicker isn't working because the Mootools-core library isn't being loaded. I can't see why from the front-end, mootools-more is being loaded.

Bob