Documentation / Tutorials / Tutorials & How to’s

How to add a modal popup

/ Tutorials & How to’s / How to add a modal popup

<span class="sprint_modal-popup"></span>
<button type="button" class="btn btn-filled-secondary" data-toggle="modal" data-target="#sprint_task-modal">
<i class="icon-add"></i>Open Modal Popup
</button>

<!-- Modal -->
<div class="modal fade" id="sprint_task-modal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h6 class="modal-title">Select data</h6>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<form action="">
<div class="">
<div class="gap-2"></div>
<label for="name">Date:</label>
<select class="form-control js-task-filter" name="status-filter">
<option disabled="" selected="" value="">Nothing Selected</option>
</select>
</div>
<div class="gap-2"></div>
<button type="button" class="btn btn-filled-secondary mar-t-2">Save</button>
<div class="gap-4"></div>
</form>
</div>
</div>
</div>
</div>

 

Categories
Most Popular

Leave a Reply

Your email address will not be published. Required fields are marked *