Informational Texts Dialog Light Box
|
Example:
Informational Texts Dialog Light Box
Note: This informational dialog should be used when the application wants to display plain information without input controls.
|
<![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">{Informational}</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: #337ab7; 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 style="margin-left: -10px; margin-top: 10px">
<div class="form-group" style="font-size: 14px">
These are just informational texts. Replace this with the correct information. <span class="form-group" style="font-size: 14px">Again, these are just informational texts.</span></div>
</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-primary" title="OK" onclick="javascript:window.close('','_parent','');" style="width: auto; height: 40px; margin-left: 5px; color: #fff">OK</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. |