mirror of https://github.com/apache/cloudstack.git
Loading added for Dialog boxes
This commit is contained in:
parent
900526b282
commit
eccab6880f
|
|
@ -3909,3 +3909,78 @@ a:hover.search_button {
|
|||
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: -0.2em 1em .5em .4em; }
|
||||
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: -0.2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
|
||||
|
||||
|
||||
|
||||
.ui_dialog_loaderbox{
|
||||
width:250px;
|
||||
height:auto;
|
||||
float:left;
|
||||
background:#FFF repeat top left;
|
||||
border:1px solid #CCC;
|
||||
margin:10px 0 0 0;
|
||||
padding:0 10px 5px 0;
|
||||
}
|
||||
|
||||
.ui_dialog_loader {
|
||||
width:16px;
|
||||
height:16px;
|
||||
float:left;
|
||||
background:url(../images/mid_default.gif) no-repeat top left;
|
||||
margin:5px 0 0 7px;
|
||||
display:inline;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.ui_dialog_loaderbox p{
|
||||
width:auto;
|
||||
height:auto;
|
||||
float:left;
|
||||
color:#333;
|
||||
font-size:12px;
|
||||
font-weight:normal;
|
||||
margin:7px 0 0 10px;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.ui_dialog_messagebox{
|
||||
width:250px;
|
||||
height:auto;
|
||||
float:left;
|
||||
background:#fff7e3 repeat top left;
|
||||
border:1px solid #CCC;
|
||||
margin:10px 0 0 0;
|
||||
padding:0 10px 5px 0;
|
||||
}
|
||||
|
||||
.ui_dialog_messagebox.error{
|
||||
background:#ffe5e5 repeat top left;
|
||||
}
|
||||
|
||||
.ui_dialog_msgicon {
|
||||
width:18px;
|
||||
height:20px;
|
||||
float:left;
|
||||
background:url(../images/tick_review.png) no-repeat top left;
|
||||
margin:5px 0 0 7px;
|
||||
display:inline;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.ui_dialog_msgicon.error {
|
||||
background:url(../images/cross_review.png) no-repeat top left;
|
||||
}
|
||||
.ui_dialog_messagebox_text{
|
||||
width:auto;
|
||||
height:auto;
|
||||
float:left;
|
||||
color:#333;
|
||||
font-size:11px;
|
||||
font-weight:normal;
|
||||
margin:10px 0 0 10px;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.ui_dialog_messagebox_text.error{
|
||||
|
||||
color:#ae0000;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -705,6 +705,7 @@
|
|||
<!-- Add Zone Dialog -->
|
||||
<div id="dialog_add_zone" title="Add Zone" style="display:none">
|
||||
<p>Please enter the following info to add a new zone:</p>
|
||||
|
||||
<div class="dialog_formcontent">
|
||||
<form action="#" method="post" id="form_acquire">
|
||||
<ol>
|
||||
|
|
@ -748,6 +749,18 @@
|
|||
</ol>
|
||||
</form>
|
||||
</div>
|
||||
<!--Loading box-->
|
||||
<div class="ui_dialog_loaderbox" style="display:none;">
|
||||
<div class="ui_dialog_loader"></div>
|
||||
<p>Loading</p>
|
||||
</div>
|
||||
|
||||
<!--Confirmation msg box-->
|
||||
<!--Note: for error msg, just have to add error besides everything for eg. add error(class) next to ui_dialog_messagebox error, ui_dialog_msgicon error, ui_dialog_messagebox_text error. -->
|
||||
<div class="ui_dialog_messagebox error" style="display:none;">
|
||||
<div class="ui_dialog_msgicon error"></div>
|
||||
<div class="ui_dialog_messagebox_text error">Confirmation message will appear here</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Add Zone Dialog -->
|
||||
<!-- Add Pod Dialog -->
|
||||
|
|
|
|||
Loading…
Reference in New Issue