Hi all,
Hoping someone can help here. I'm using 10.1.
I have a WebExplorerBar which has 3 group bars. I've set the height of the WebExplorerBar to 600px and I've set the property GroupExpandBehavior to SingleExpanded which will mean at least one group will always be expanded (default is the first). When I set the GroupContentsHeight to 100%, I'm expecting it to expand filling the entire WebExplorerBar container area. So if I click on the first group bar, the other 2 should be pushed to the bottom of the explorer container. But this is not happening. Am I missing something? I tried to venture down Client Side scripting approach but no luck. Any suggestions will be much appreciated? My sample code is below:
Thanks,Assad<div> <ig:WebExplorerBar ID="WebExplorerBar1" runat="server" Width="250px" Height="500px" GroupContentsHeight="100%" MaxGroupHeight="100%" GroupExpandBehavior="SingleExpanded"><Groups> <ig:ExplorerBarGroup Text="Menu 1"> <Items> <ig:ExplorerBarItem Text="Item 1.1"></ig:ExplorerBarItem> <ig:ExplorerBarItem Text="Item 1.2"></ig:ExplorerBarItem> </Items> </ig:ExplorerBarGroup> <ig:ExplorerBarGroup Text="Menu 2"> <Items> <ig:ExplorerBarItem Text="Item 2.1"></ig:ExplorerBarItem> </Items> </ig:ExplorerBarGroup> <ig:ExplorerBarGroup Text="Menu 3"> <Items> <ig:ExplorerBarItem Text="Item 3.1"></ig:ExplorerBarItem> </Items> </ig:ExplorerBarGroup></Groups><ExpandButton AltText="Expand button"></ExpandButton><CollapseButton AltText="Collapse button"></CollapseButton></ig:WebExplorerBar></div>
Hi,
in order to do this you have to set GroupContentsHeight on the control level to
(ControlHeight - NumberOfGroups * GroupHeight) i.e 600 - 3 * 30 = 510px.
GroupContentsHeight sets a fixed height that a group will have when it is expanded. If set on control level this setting will be applied for all groups. If you want to override this behavior you can specify it on specific group.
While MaxGroupHeight is useful to limit the group height so that its total size does not cross some pixel boundary. For example if you set MaxGroupHeight to 100px if your group contents total height is below 100px they will be all visible and no scrollbar will be shown. But if the group contents total height is higher than 100px, the viewable area will be 100px and scrollbar will be shown. So this depends on each group contents.
If GroupContentsHeight is set, it overrides the setting of MaxGroupHeight.
Hi Lubomir,
Do you know how I can get the GroupContentsHeight in client-side?
Kind Regards,
Assad
Currently there is no client side property, we can add it in a future release. For now you can try to get it from the element height. For example if you have
var it = some ebar item;
var contentsHeight = Sys.UI.DomElement.getBounds(it.get_element()).height;
But also, you should do this only for group elements i.e. on level 0.
Thanks,
Lubomir