I have been trying to dynamically modify the CssClass property of a web explorer bar group using code similar to the following. We would like to have a different style for the first few group items; all other groups use the default style. The problem is the code does not seem to have any effect on the output. I checked the HTML output. It still uses the default CssClass defined in the styleSet. Is there any extra code i have to write to modify the style behavior?
<ig:WebExplorerBar ID="WebExplorerBar1" runat="server" Width="250px" > </ig:WebExplorerBar>
protected void Page_Load(object sender, EventArgs e) { if(!Page.IsPostBack) this.WebExplorerBar1.Groups[0].CssClass = "otherStyleClass"; }
Hello thehitman,
Please let me know if you need further assistance regarding your question.
Thank you.
If you want to set some control to be “100%” of the page height you can set it in table (1 col and 1 row) and put this code in your style:
<style type="text/css">
html, body, form
{
height: 100%;
}
Then put your table height property to “100%” too:
<table style="height:100%;">
And set your “WebExplorerBar” height to “100%” too:
<ig:WebExplorerBar ID="WebExplorerBar1" runat="server" GroupContentsHeight=""
Width="100%" Height="100%">
Now you can set the background of the table to color that you like and when control items (“WebExplorerBar” items) reach the end of the table the table will be expanded automatically and the table will always be the same size as the page.
Please let me know if you need further assistance.