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"; }
Hi,
I'm experiencing the very same with v10.3.20103.2171: after changing default CSS classes for both ExplorerBarGroup and ExplorerBarItem (as in the code below), I can see in generated HTML document that only ExplorerBarItem is properly overridden. ExplorerBarGroup keeps default "igeb_Group".
Do I need to upgrade ?
Regards.
ebgDynamic= new ExplorerBarGroup();
ebgDynamic.Expanded = true;
ebgDynamic.CssClass = "panel_Group";
ebgDynamic.SelectedCssClass = "panel_GroupSelected";
webDynamic.Groups.Add(ebgDynamic);
ebiDynamic=new ExplorerBarItem();
ebiDynamic.CssClass = "panel_Item";
ebiDynamic.SelectedCssClass = "panel_ItemSelected";
ebiDynamic.ActiveCssClass = "panel_ItemActive";
ebgDynamic.Items.Add(ebiDynamic);
I am using Infragistics WebExplorerBar Version=10.3.20103.2120 and I tried both ActiveCssClass and SelectedCssClass properties for Groups node but still after selecting any child node, css class is not applied to the ExplorerBarGroup.
Can any one help me please?
Thanks in advance.
Hello thehitman,
Please let me know if you need further assistance regarding your question.
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.