Basic Modal in RBB - Post ID 268968

User 10077 Photo


Senior Advisor
1,095 posts

If you need to understand the basic parts of creating a modal window in RBB, here is a project file with the modal set up.

http://usconsumernet.net/downloads/bootstrap-basic-modal-window.rbb

This was created from this code

<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">

<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>

</div>
</div>


The code is from this tutorial: http://www.w3schools.com/bootstrap/bootstrap_modal.asp

Complete modal reference is here: http://devdocs.io/bootstrap~4-components-modal/
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 2821938 Photo


Registered User
17 posts

Thanks Brian Durfee
We'll take a look today

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.