how to change color panel header?

  1. #1

    how to change color panel header?

    how to change color panel header?
    Last edited by HosseinHelali; Jul 05, 2011 at 5:47 AM.
  2. #2
    Hi,

    Here you are.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.Net Example</title>
    
        <style type="text/css">
            .my-header .x-panel-header {
                background: red;
            }
        </style>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:Panel runat="server" Title="Some title" Cls="my-header">
                <Content>
                    Body
                </Content>
            </ext:Panel>
        </form>
    </body>
    </html>
  3. #3
    Quote Originally Posted by Daniil View Post
    Hi,

    Here you are.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.Net Example</title>
    
        <style type="text/css">
            .my-header .x-panel-header {
                background: red;
            }
        </style>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:Panel runat="server" Title="Some title" Cls="my-header">
                <Content>
                    Body
                </Content>
            </ext:Panel>
        </form>
    </body>
    </html>
    Quick question, I managed to set the background of the panel as suggested above but we still see parts of the panel (a top line and a bottom line) as per the attachment below. How do I make them turn white also? Note I'm using v2.4, I didn't realize I'm posting back to a 1.x forum.

    Click image for larger version. 

Name:	PanelAreas.JPG 
Views:	24 
Size:	15.4 KB 
ID:	7491
  4. #4
    The following Vimeo video should help with figuring out which css classes are applied to elements. The technique applies to all css changes that you might need to make.

    http://vimeo.com/10076549
    Geoffrey McGill
    Founder

Similar Threads

  1. Replies: 5
    Last Post: Jul 12, 2016, 2:28 AM
  2. [CLOSED] Change grid header color
    By speedstepmem3 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Aug 26, 2011, 9:53 AM
  3. how to change the header color of a panel
    By joydeepsen in forum 1.x Help
    Replies: 3
    Last Post: Jul 09, 2011, 9:23 PM
  4. [CLOSED] Change Panel color
    By dnguyen in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Nov 07, 2010, 5:43 PM
  5. change entire row color in ext grid panel
    By ankit in forum 1.x Help
    Replies: 3
    Last Post: Jun 01, 2010, 3:30 AM

Tags for this Thread

Posting Permissions