top of page

CDI Blog

Writer's pictureCDI

Small Code, Big Impact Vol. 2 (Laserfiche Forms)


Fiche Tips: Small Code, Big Impact Vol. 2 (Laserfiche Forms)

CDI wants to show you a little piece of code from the classic designer in Forms. This little piece of code can make a big difference in the appearance of your forms. Now don’t be intimidated because the word “code” was mentioned. If you have built a Laserfiche form before, we promise that you can implement this in minutes. 


Let’s say you have a Laserfiche form for employee onboarding. It looks okay, but wouldn’t it be nice if you could place some of those fields side by side so that you’re making use of the forms horizontal space versus a long vertical form. 


We can! 


So, how do we do that?


If we go to our layout view and go to CSS and JavaScript, you’ll see that there are two bits of code. One for when you want to have two lines side by side, and one when you want to have three lines.


Copy the ThreePerLine CSS class and go back to your layout. For each field you want to have side by side, click Edit, then Advanced, and then add the copied class to the CSS class field. 


Then click Save, and after saving, select Preview. You’ll see that all of the selected fields are side by side. You can do this in as many fields as you like within the form.


That is for today, thank you so much and we’ll see you next time!





CDI Newsletter


CDI NEWSLETTER

Stay updated with all the latest Laserfiche news, CDI webinars, blogs, and more!



 

31 views0 comments

Comments


news, knowledge, updates, tips & tricks, and more >
bottom of page