In Forms version 11 how do you center the title in the section/form or collection headers. I see an alignment selection for a logo in the header, but no other alignment selections.
You can do that kind of stuff with CSS.
Here's an example (tested in Forms Layout Designer version 11.0.2212.30987):
/*Center the form title.*/
.form-header {
align-items: center;
}
/*Center section, table, and collection labels.*/
.section-title label {
flex-direction: column;
align-items: center;
}
/*Center field labels.*/
.field-label {
flex-direction: column;
align-items: center;
}
Thank you again Matthew. As always you have the answer.
How does one know that I should use .section-title to access the section title? And why does section-title need to use label and form-header and field-label do not? Is this a Laserfiche thing or is this all web pages? Still trying to figure out these things.
Thanks again. :)
Beyond having at least a basic understanding how the DOM and CSS of a webpage works, it's just a matter of playing around with the Inspector on the browser trying different things until I find something that works. You can tweak settings in there while the page is on screen and see what works and doesn't. It actually really threw me at first that I needed to include flex-direction: column; in order to get the field and section labels to center horizontally - but the Inspector helped identify that too, because it showed arrows when I highlighted the items indicating that it was trying to center them vertically, so I knew I had to tweak something else to make it work.
Ahh. I though it was just me not understanding some hidden world of variable naming. Thank you.