SIGN UP

How can I place the toggle inline with field label?

By: Chris Andrews | Asked: 10/19/2022
Forums › Category: How-to › How can I place the toggle inline with field label?
Vote Up 0 Vote Down
Chris Andrews asked 2 years ago

I'm sure this is explained somewhere but I can't find it. 
I want to have the toggle inline with the field label, so I have field label and the toggle is placed to the right of it. 
How do I go about that? 
Thanks, 
Chris

3 Answers
Vote Up 0 Vote Down
Best Answer
Bobby Clapp Staff answered 2 years ago

Would that be in the advanced field settings under "Label Position"? I believe for most fields there is an inline option.

Vote Up 1 Vote Down
Chris Andrews answered 2 years ago

Indeed it is - I totally overlooked that - thank you!

Vote Up 0 Vote Down
Asher Jacobsberg answered 2 years ago

I'd like this but with the toggle on the left. I have set the 'Label Position' to left, but the toggle and the text don't line up. The text is lower than the toggle. Do I need to change this in CSS?

Bobby Clapp Staff replied 2 years ago

If I understand you correctly, add some custom styling to the CSS in Formidable Forms. Try playing with the "padding-top" value:

.frm_form_field.frm_inline_container .frm_primary_label{
padding-top: 4px;
}

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right