In version 11 I'm having trouble aligning the radio button to the top of the option. Does anyone have the CSS for this?
In my example I want the O to line up with the "I have" of both options.
This works for the new Modern Designer in Laserfiche Version 11.
Step 1: Create a class
Step 2: Replace 'ClassNameHere' with the actual name of the class you chose and put the below code snippet in the CSS pane of the modern designer.
.ClassNameHere input { align-self: start; }
.ClassNameHere label { position: relative !important; top: -7px !important; }
Don't forget to save and once you preview, the input box should now be vertically centered with the option text to the right of it.
Another common request is to position the label text further to the right of the inbox box. This can be done using the same code snippet we used above, but with the following modifications:
.ClassNameHere input { align-self: start; }
.ClassNameHere label { margin-left: 1.5% !important; position: relative !important; top: -7px !important; }
Hopefully this helps!
How do you place the input or choices to the right of the label instead of underneath?
It is the "Label Alignment" setting on the form. If you are working in the new designer, select the form and the setting will be in the right pain. If working in classic there is a 'cog' graphic near the top right of the form you can click on.
New designer:
Classic:
Excellent, I didn't see that.