Question

Wrapping Forms CSS with Twitter Bootstrap V4?

Forms

Updated April 15, 2020

asked on April 1, 2020

In an effort to help reduce the workload on making forms more flexible and utilizing some current web standards in form beautification, I'm looking to see if anyone has successfully mastered wrapping Laserfiche Forms in Bootstrap 4's CSS https://getbootstrap.com/docs/4.4/getting-started/introduction/ ?

If so, are there any resources that you could point me to or provide a way that this has been done? I'm finding the fact that form fields under list items being a bit more challenging due to the nature of list items as an HTML element over DIVS and trying to work through how we could incorporate more of a grid/element builder in the interim before this perhaps is something the LF developers introduce at some point.

Thanks in advance!

0 0

Answer

SELECTED ANSWER

replied on April 1, 2020

Hi Cory,

Preface: I'm not a member of the Forms team.

To my knowledge, Forms currently uses Bootstrap v3.x. Trying to use v4 on top could introduce class conflicts that won't be fun to resolve. For the moment, we would generally recommend trying to use jQuery UI plugins or Bootstrap v3's UI components.

Hope that's helpful.

-Sam

2 0

Replies

replied on April 2, 2020 • Show version history

Avoiding Bootrap 4. I can't believe I didn't see that. I did manage to wrap Boostrap 4 into it, but still, the same problem exists. LF Forms weren't implemented "in the bootstrap way" for forms to fully take advantage of the styling, inline, stacking and grid, so either I have to find a work around or use JS. Unless someone has already figured out?

Edit: I've developed a few lines of JS that make better use of the bootstrap classes, namely the grid and the labelling. Looking good!

0 0

You are not allowed to follow up in this post.

Question

Question

Wrapping Forms CSS with Twitter Bootstrap V4?

Answer

Replies

Sign in to reply to this post.