What's New?

[CLOSED] Is there any way to change the top border of a panel where is the title by an image using CSS?

  1. #1
    Mar 02, 2010, 7:42 PM

    [CLOSED] Is there any way to change the top border of a panel where is the title by an image using CSS?

    Hi,

    Could you please tell me if is there any way to change the top border of a panel where is the title by an image using CSS?

  2. #2
    Mar 03, 2010, 12:35 AM

    RE: [CLOSED] Is there any way to change the top border of a panel where is the title by an image using CSS?

    Hi Flor,

    Can you provide more information regarding this request. Can you make a screen capture or some other mockup pointing to the "border" you would like to modify?


    Geoffrey McGill
    Founder
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter
  3. #3
    Mar 03, 2010, 8:56 AM

    RE: [CLOSED] Is there any way to change the top border of a panel where is the title by an image using CSS?

    Hi,

    Here is an attachment example
  4. #4
    Mar 04, 2010, 11:18 AM

    RE: [CLOSED] Is there any way to change the top border of a panel where is the title by an image using CSS?

    Hi,

    Please see the following sample
    <%@ 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 id="Head1" runat="server">
    <style type="text/css">
        .green-header .x-panel-header{
            background: url(imaTitlePortal.png);
            color:white;
            border: none;
        }
    </style>
</head>
<body style="padding:20px;">
    <form id="Form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        
        <ext:Panel runat="server" Height="300" Title="Panel" Cls="green-header" Width="960">
            
        </ext:Panel>
        
        
    </form>
</body>
</html>
  5. #5
    Mar 04, 2010, 12:06 PM

    RE: [CLOSED] Is there any way to change the top border of a panel where is the title by an image using CSS?

    Hi Vladimir,

    I applied the example and it worked perfectly.

    Thanks a lot for your help,


Similar Threads

  1. [CLOSED] Ext:Image: How I can change the image when mouse over?
    By supera in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: May 11, 2012, 11:10 AM
  2. [CLOSED] Change image in panel with AJAX
    By jmcantrell in forum 1.x Legacy Premium Help
    Replies: 8
    Last Post: Aug 06, 2011, 6:02 PM
  3. Image control causes display issue in border layout on initial load
    By jpadgett in forum 1.x Help
    Replies: 3
    Last Post: Nov 06, 2009, 10:46 AM
  4. [CLOSED] Change colour of title of form group panel
    By Sharon in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Aug 12, 2009, 11:08 AM
  5. Window without border, header, title
    By reinaldo.designerdigital in forum 1.x Help
    Replies: 2
    Last Post: Feb 05, 2009, 9:00 AM

Posting Permissions