Bootstrap elements for forms, dynamic blocks, and popups

ActiveDEMAND assets use the Bootstrap framework. Thus if you want a custom element for your assets, leverage bootstrap is the answer.

 

This is a great resource for finding Bootstrap elements:

https://getbootstrap.com/docs/4.0/components/

 

 

Bootstrap Progress Bar on a multi-page form:

Reference article: https://getbootstrap.com/docs/4.0/components/progress/

For example, here is a bootstrap progress bar that I added to a multi-page form:

mceclip0.png

 

I added a text block to a form, then embedded this HTML:

<div class="progress" style="height: 30px; border-radius: 25px;">
<div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 33%; border-radius: 25px;" role="progressbar" aria-valuenow="33%" aria-valuemin="0" aria-valuemax="100">33%&nbsp;</div>
</div>

 

I then styled the block using ActiveDEMAND's block style editor 

mceclip0.png

 

mceclip1.png

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.