Forums Retired Products and Controls
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Lenny
455
Set background image in panel header
posted

I am trying to set an image in the panel header just like in the SDK examples. I am using css to set the image in the header however the image never displays in the header. I can get the image to display in the expanded part of the panel.

Here is the css I am using.

.igpnl_Control

{

width:302px;

padding-top:10px;

}

.igpnl_HeaderExpanded

{

height:29px;

background-repeat:no-repeat;

background-image :url(../Images/Test.jpg);

}

.igpnl_HeaderExpanded img

{

width:12px;

height:12px;

position:relative;

left:-12px;

}

Please help.

 

Lenny

Parents
No Data
Reply
  • 28407
    posted

    HI,

     I took your css file and was able to put an image in the header. My images were stored right off the root directory. So i modified your

    code to look like this background-image :url(Images/Test.jpg);

    I also had to insert this line of code in  the html header

     <link href="TextFile.css" rel="stylesheet" type="text/css" >

    Here is my page

    <head runat="server">
        <title>Untitled Page</title>
         <link href="TextFile.css" rel="stylesheet" type="text/css" >
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            &nbsp;</div>
            <igmisc:WebPanel ID="WebPanel1" runat="server" CssClass="igpnl_Control">
                <Header>
                    <ExpandedAppearance>
                        <Styles CssClass="igpnl_HeaderExpanded">
                        </Styles>
                    </ExpandedAppearance>
                </Header>
            </igmisc:WebPanel>
        </form>
    </body>
    </html> 

Children
No Data