[CLOSED] Loading progress color issue

  1. #1

    [CLOSED] Loading progress color issue

    We are using login progress bar in our application. How can we change the loading bar color yellow to blue.

    we used following code (coolite v.08)

    
                                                    <ext:Button ID="btn_calllogin" runat="server" Hidden="true" c>
                                                        <AjaxEvents>
                                                            <Click OnEvent="OpenPortal"  Before="Ext.Msg.wait(verifyhead, authhead);"
                                                                Failure="Ext.Msg.show({
                               title:   'Login Error',
                               msg:     result.errorMessage,
                               buttons: Ext.Msg.OK,
                               icon:    Ext.MessageBox.ERROR
                            });">
                                                            </Click>
                                                        </AjaxEvents>
                                                    </ext:Button>
    Attached Thumbnails Click image for larger version. 

Name:	loading.jpg 
Views:	159 
Size:	27.8 KB 
ID:	2327  
    Last edited by Daniil; Feb 23, 2011 at 2:39 PM. Reason: [CLOSED]
  2. #2
    Hi,

    You can use own image or image from standard theme
    .x-progress-bar {
    	background-color: #9CBFEE;
    	background-image: url("/extjs/resources/images/default/progress/progress-bg-gif/ext.axd");
    	border-top-color: #D1E4FD;
    	border-bottom-color: #7FA9E4;
    	border-right-color: #7FA9E4;
    }
  3. #3
    we are changed our own color but till yellow color displayed.

    
    .x-progress-inner
    {
        height:18px;
        background:#e0e8f3;
        background-image:url("../images/default/qtip/bg.gif") repeat-x;
        position:relative;
    }
    .x-progress-bar
    {
        height:18px;
        float:left;
        width:0;
        background:#9CBFEE;
        background-image:url("../images/default/progress/progress-bg.gif") repeat-x left center;
        border-top:1px solid #D1E4FD;
        border-bottom:1px solid #7FA9E4;
        border-right:1px solid #7FA9E4;
    }
  4. #4
    Hi,

    Please replace
    ext.axd
    with
    coolite.axd
    in
    background-image: url("/extjs/resources/images/default/progress/progress-bg-gif/ext.axd");

Similar Threads

  1. Replies: 2
    Last Post: Dec 19, 2011, 1:54 AM
  2. Replies: 0
    Last Post: Jan 05, 2011, 6:48 AM
  3. Replies: 0
    Last Post: Jan 04, 2011, 3:16 PM
  4. [CLOSED] Progress bar Issue
    By speedstepmem3 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: May 27, 2010, 11:35 AM
  5. [CLOSED] Browser progress bar issue
    By speedstepmem3 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: May 19, 2010, 10:09 AM

Tags for this Thread

Posting Permissions