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:

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