[CLOSED] Custom close button and title area size for the window

  1. #1

    [CLOSED] Custom close button and title area size for the window

    How can I set different close icon and size of ext:window's title? Thanks
    Last edited by Daniil; May 14, 2013 at 3:34 AM. Reason: [CLOSED]
  2. #2
    Hello!

    You can do it using CSS classes.

    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html>
        
    <html>
    <head runat="server">
        <style>
            .ux-custom-title-close-icon .x-tool-close {
                background-image: url('http://png-5.findicons.com/files/icons/753/gnome_desktop/16/gnome_window_close.png');
                background-position: 0 0; 
            }
    
            .ux-custom-title-close-icon .x-tool-over .x-tool-close {
                background-image: url('http://png-5.findicons.com/files/icons/753/gnome_desktop/16/gnome_window_close.png');
                background-position: 0 0;
            }
    
    
            .ux-custom-title-close-icon .x-window-header-text {
                font-size: 20px;
            }
        </style>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            
            <ext:Window 
                ID="Window1" 
                runat="server" 
                Title="Hello World"  
                Icon="Application"
                Height="185" 
                Width="350"
                BodyStyle="background-color: #fff;" 
                BodyPadding="5"
                Cls="ux-custom-title-close-icon"
                Modal="true">
                <Content>
                    This is my first <a target="_blank" href="http://www.ext.net/"> Ext.NET</a> Window.
                </Content>
            </ext:Window>
        </form>
    </body>
    </html>

Similar Threads

  1. [CLOSED] Command @ Grid Panel Title Area
    By bayoglu in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: Feb 27, 2013, 1:49 AM
  2. Replies: 0
    Last Post: Oct 24, 2012, 12:20 PM
  3. Create a button to close a window
    By Orwel in forum 2.x Help
    Replies: 2
    Last Post: Aug 10, 2012, 12:16 PM
  4. [CLOSED] how to close window after click button in this window
    By ViDom in forum 1.x Legacy Premium Help
    Replies: 8
    Last Post: Jun 22, 2012, 2:48 PM
  5. [CLOSED] Setting window size to fit browsers "client area"
    By Jurke in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Dec 03, 2008, 9:59 AM

Posting Permissions