Basic Modal in RBB - Post ID 268968

User 10077 Photo


Senior Advisor
1,008 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/
How-To Instructions for Coffeecup Users (tutorials, examples, and downloads)
http://usconsumernet.net/help-for-coffe … -users.php

Personal & Specialized Help for Coffeecup Users
Email me at cchelp@uscni.org or call 865-687-7698
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.