Loading for grid header

This commit is contained in:
NIKITA 2010-09-10 12:09:11 -07:00
parent 37d82c8aa7
commit e741b7272f
4 changed files with 47 additions and 5 deletions

View File

@ -2141,6 +2141,41 @@ a:visited {
background:url(../images/grid_actions_hover.png) no-repeat top left;
}
.gridheader_loaderbox {
width:auto;
height:20px;
float:right;
position:absolute;
background:#99b2c3 url(../images/gridheader_loadingbg.gif) repeat-x top left;
border-left:1px solid #999;
margin:0px 0 0 0;
padding:0;
z-index:1001;
right:0;
}
.gridheader_loaderbox p{
width:auto;
height:auto;
float:left;
color:#FFF;
font-size:11px;
font-weight:bold;
margin:2px 5px 0 5px;
display:inline;
padding:0;
}
.gridheader_loader {
width:16px;
height:16px;
float:left;
background:url(../images/grid_actionloader.gif) no-repeat top left;
margin:0 0 0 5px;
display:inline;
padding:0;
}
.grid_editbox {
width:27px;
height:17px;

Binary file not shown.

After

Width:  |  Height:  |  Size: 847 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 B

View File

@ -145,17 +145,21 @@
<!--Volume tab (start)-->
<div style="display:none;" id="tab_content_volume">
<!--
<div class="grid_container" id="volume_tab_template" style="display:block">
<div class="grid_header">
<div class="grid_header_title" id="name"></div>
<div class="grid_actionbox" id="volume_action_link">
<div class="grid_actionbox" id="volume_action_link" style="display:block;">
<div class="grid_actionsdropdown_box" id="volume_action_menu" style="display: none;">
<ul class="actionsdropdown_boxlist" id="action_list">
<li> <a href="#"> Delete </a> </li>
<li> <a href="#"> Attach Disk </a> </li>
</ul>
</div>
</div>
<div class="gridheader_loaderbox">
<div class="gridheader_loader"></div>
<p> Creating Template &hellip; </p>
</div>
</div>
<div class="grid_rows even">
@ -194,8 +198,9 @@
<div class="row_celltitles" id="created"></div>
</div>
</div>
</div>
-->
</div>
</div>
<!--Volume tab (end)-->
@ -773,7 +778,9 @@
<ul class="actionsdropdown_boxlist" id="action_list">
</ul>
</div>
</div>
</div>
</div>
<div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;">