Hello,
I'd like to get the title bar (I believe called the header) of a webdialog window to use the same color scheme as a stylesheet class from my page, or failing that, to hide it altogether. I haven't been able to do either.
To hide it, I set the Visible property of the MaximizeBox, MinimizeBox, CloseBox, and Header to false, but you can still see it, although it does get about half it's normal size.
To get it to have my desired color scheme I tried setting the CssClass of the header to "myClass", but it keeps it's regular old blue fade color scheme.
However, at runtime, if I select the cells of the table row that make up the header / title bar using the IE Developer toolbar and change their clss to "myClass" I see their color scheme change to the color scheme that I'm trying to get.
Can anyone offer any insight?
-Eric
Hi Eric,
The top edge area of dialog is coming from architecture of rounded corners around content pane. There is a <table> where to top <tr> contains those blue images. To hide that row, application should set custom css styles which will override default settings. I gave an example for that in my previous response.
Viktor,
I'm not seeing the visible property hiding the header on the webdialog window, it just shrinks it a bit. The header tag in mine looks like:
<Header Visible="false">
</Header>
however, I can still see the header, it's about half the height it would be if I don't have the Visible=False
I have erased most of the verbiage on this web dialog windows, but haven't messed with the header.
I want to hide it entirely.
Here's what it looks like without the visible property set to false
I've also tried to make it the same style as the tab below it, but it doesn't work either, it always has this blue fade that I don't want.
To hide header you should use Header.Visible=false. To customize edges of dialog, you should use RoundedCorners. Below is example:
<style type="text/css">.edgeTop{ height:4px; background:#F0F0F0; border-top:1px solid #707070; font-size:1px;}.cornerLeft{ height:4px; background:#F0F0F0; border-top:1px solid #707070; border-left:1px solid #707070; font-size:1px;}.cornerRight{ height:4px; background:#F0F0F0; border-top:1px solid #707070; border-right:1px solid #707070; font-size:1px;}</style>
<ig:WebDialogWindow ID="WebDialogWindow1" runat="server" Height="200px" Width="400px"> <RoundedCorners BodyCornerTopLeftCssClass="cornerLeft" BodyCornerTopRightCssClass="cornerRight" BodyEdgeTopCssClass="edgeTop" /> <Header Visible="False"></Header></ig:WebDialogWindow>