[CLOSED] LoadMask Opacity

  1. #1

    [CLOSED] LoadMask Opacity

    Hello

    I want to customize the opacity of the LoadMask so it completely hides what is behind it but the only thing I seem to have control over is the CSS of the area "between" the text box of the LoadMask and the big gray area outside the text box. This CSS will completely hide what is behind it, but the text box is positioned in the upper left.

    .x-mask-loading {
        opacity: 1;
        height:inherit;
        width: inherit;
    }
    Is there a way to completely hide what is behind the mask AND have the text box centered?

    Thank you for your help.
    Last edited by Daniil; Dec 03, 2012 at 11:31 AM. Reason: [CLOSED]
  2. #2
    Hello!

    Try following example:

    <%@ Page Language="C#" %>
    
    <%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
    
    <!DOCTYPE html>
    
    <html>
    <head runat="server">
        <title>LoadMask during Page_Load - Ext.NET Examples</title>
        <style>
        	.x-mask {
        		opacity: 1 !important;
        		background: none repeat scroll 0 0 #000 !important;
        	}
        </style>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            
            <h1>Configure LoadMask for AutoLoad</h1>
            
            <p>Demonstrates how to configure a LoadMask to render while an external page is loading.</p>
                    
            <ext:Window 
                ID="Window1" 
                runat="server" 
                Width="500"
                Height="470" 
                Title="Example">
                <Loader
                    runat="server"
                    Url="http://www.ext.net/" 
                    Mode="Frame">
                    <LoadMask ShowMask="true" Msg="Custom Loading Message..." />
                </Loader>
                <TopBar>
                    <ext:Toolbar runat="server">
                        <Items>
                            <ext:ToolbarFill />
                            <ext:Button runat="server" Text="Load Ext.NET forums" Icon="Application">
                                <Listeners>
                                    <Click Handler="#{Window1}.load('http://forums.ext.net/');" />
                                </Listeners>
                            </ext:Button>
                            
                            <ext:Button runat="server" Text="Refresh" Icon="ArrowRotateClockwise">
                                <Listeners>
                                    <Click Handler="#{Window1}.reload();" />
                                </Listeners>
                            </ext:Button>
                        </Items>
                    </ext:Toolbar>
                </TopBar>
            </ext:Window>
        </form>
    </body>
    </html>
    As you see loading mask is absolutely black and hides everything behind. However, I think you have some problems with text box with text 'Loading'. Unfortunately, we couldn't reproduce this problem. If you will continue experiencing this problem, please, provide an example to reproduce.

Similar Threads

  1. [CLOSED] Problem opacity title panel IE
    By xeo4.it in forum 2.x Premium Help
    Replies: 2
    Last Post: Oct 10, 2012, 2:23 PM
  2. [CLOSED] Error Opacity in Opera
    By dev in forum 1.x Premium Help
    Replies: 6
    Last Post: Jun 20, 2011, 1:49 PM
  3. LoadMask
    By Krisller in forum 1.x Help
    Replies: 0
    Last Post: Jun 10, 2010, 7:35 PM
  4. Replies: 0
    Last Post: Oct 22, 2009, 3:26 PM
  5. help with LoadMask
    By idrissb in forum 1.x Help
    Replies: 0
    Last Post: Sep 16, 2008, 3:48 AM

Tags for this Thread

Posting Permissions