Warning Dialog Light Box
|
|
Example:
Warning Dialog Light Box
Note: The label should reflect "Warning" only. Do not use the warning dialog box for Delete, Use the Danger dialog box.
|
<![CDATA[
<div class="modal-backdrop fade in" uib-modal-animation-class="fade" modal-in-class="in" ng-style="{'z-index': 1040 + (index && 1 || 0) + index*10}" uib-modal-backdrop="modal-backdrop" modal-animation="true" style="z-index: 1040;"></div>
<div modal-render="true" tabindex="-1" role="dialog" class="modal fade ng-isolate-scope in" uib-modal-animation-class="fade" modal-in-class="in" ng-style="{'z-index': 1050 + index*10, display: 'block'}" uib-modal-window="modal-window" size="sm-t" index="0" animate="animate" modal-animation="true" style="z-index: 1050; display: block;">
<div class="modal-dialog modal-sm-t">
<div class="modal-content" uib-modal-transclude="">
<div class="product-clone-wrap content bulk-copy-wrapper small copyproducts-options-wrapper ng-scope ui-draggable ui-draggable-handle" draggable="" containment=".modal" style="position: relative; width: 550px !important">
<div class="modal-header" style="margin-bottom: -10px">
<div class="row" style="padding-left: 5px;">
<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11" style="font-size: 20px; color: #000; font-weight: normal">Warning</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" style=" top: 8px">
<div class="pull-right"> <i class="fa fa-close" style="cursor: pointer; font-size: 16px; color: #969696;" title="Close" onclick="javascript:window.close('','_parent','');"></i>
<script>
function goBack() {
window.history.back();
}
</script>
</div>
</div>
</div>
</div>
<div style="background-color: #ffa300; height: 3px; width: 96%; margin: 10px; float: left"></div>
<div class="modal-body">
<div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="font-size: 18px">
<div class="form-group" style="padding-bottom: 20px; padding-top: 10px; margin-left: -10px"> <span style="float: left; width: 35px; font-size: 18px; color: #ffa300; padding-top: 0px; margin-bottom: 10px"><i class="fas fas fa-exclamation-triangle"></i></span><span style="float: left; padding-top: 0px; width: 450px; font-size: 14px; margin-left: -5px">Information has changed. Saving changes can {Insert Consequence}. Do you want to save changes?</span> </div>
<div class="form-group text-center"></div>
<div class="container-fluid text-center continue-btns" style="margin-bottom: 20px; margin-top: 50px">
<button type="button" class="btn btn-default" tab-index="copyproductoptions:1" tabindex="1" onclick="javascript:window.close('','_parent','');" title="Cancel" style="width: auto; height: 40px; border-color: #969696;">Cancel</button>
<button type="button" class="btn btn-warning" title="OK" onclick="javascript:window.close('','_parent','');" style="width: auto; height: 40px; margin-left: 5px; color: #000">Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
]]>
If you need help, please e-mail the PX Team or send us a message on Microsoft Teams. |