We are using your UltraExplorerBar control for collapsible content.
When collapsed the header bars appear correctly, but when a bar is clicked and expanded, we would like the header to appear above the content rather than below. The attached screen shot show the bar "Main" after it has been expanded.
Is there a property or another way to achieve the desired effect?
Hello Lewis,
Thank you for posting in our forum.
In order to be able to investigate deeper your issue I will need a little more info about your scenario. Please let me know what is the Style of your UltraExplorerBar (ExplorerBar, OutlookNavigationPane and so on); what is the ViewStyle (Office2000, Office2003 and so on). I will need also information regarding which version of Infragistics Control are you using? It will help me a lot if you can provide me a small sample solution demonstrating this behavior.
Please note if you set the Style to OutlookNavigationPane and ViewStyle to Office2000 like this:
this.ultraExplorerBar1.Style = UltraExplorerBarStyle.OutlookNavigationPane;
this.ultraExplorerBar1.ViewStyle = UltraExplorerBarViewStyle.Office2000;
you will have very similar appearance to the one in your picture and the name of the active group will appear in the top of the group like header.
Waiting for your feedback.
I revised the ViewStyle to Office2000, but other than slightly changing the “look”, it did not change the location of the header buttons - resulting screen shot is attached
Here are the designer properties for that particular bar...
//
// pnlOpIdentification
appearance21.BackColorAlpha = Infragistics.Win.Alpha.Transparent;
this.pnlOpIdentification.Appearance = appearance21;
this.pnlOpIdentification.BorderStyle = Infragistics.Win.UIElementBorderStyle.InsetSoft;
this.pnlOpIdentification.ColumnSpacing = 0;
this.pnlOpIdentification.Controls.Add(this.ultraExplorerBarContainerControl11);
this.pnlOpIdentification.Controls.Add(this.ultraExplorerBarContainerControl12);
ultraExplorerBarGroup10.Container = this.ultraExplorerBarContainerControl11;
ultraExplorerBarGroup10.Expanded = false;
appearance22.ForeColor = System.Drawing.Color.Blue;
ultraExplorerBarGroup10.Settings.AppearancesSmall.ActiveHeaderAppearance = appearance22;
ultraExplorerBarGroup10.Settings.ContainerHeight = 131;
ultraExplorerBarGroup10.Settings.ItemAreaInnerMargins.Bottom = 0;
ultraExplorerBarGroup10.Settings.ItemAreaInnerMargins.Left = 10;
ultraExplorerBarGroup10.Settings.ItemAreaInnerMargins.Right = 0;
ultraExplorerBarGroup10.Settings.ItemAreaInnerMargins.Top = 0;
ultraExplorerBarGroup10.Settings.ItemAreaOuterMargins.Bottom = 0;
ultraExplorerBarGroup10.Settings.ItemAreaOuterMargins.Left = 0;
ultraExplorerBarGroup10.Settings.ItemAreaOuterMargins.Right = 0;
ultraExplorerBarGroup10.Settings.ItemAreaOuterMargins.Top = 0;
ultraExplorerBarGroup10.Settings.ShowExpansionIndicator = Infragistics.Win.DefaultableBoolean.False;
ultraExplorerBarGroup10.Text = "Identification";
ultraExplorerBarGroup11.Container = this.ultraExplorerBarContainerControl12;
appearance23.ForeColor = System.Drawing.Color.Blue;
ultraExplorerBarGroup11.Settings.AppearancesSmall.ActiveHeaderAppearance = appearance23;
ultraExplorerBarGroup11.Settings.ContainerHeight = 134;
ultraExplorerBarGroup11.Settings.ItemAreaInnerMargins.Bottom = 0;
ultraExplorerBarGroup11.Settings.ItemAreaInnerMargins.Left = 10;
ultraExplorerBarGroup11.Settings.ItemAreaInnerMargins.Right = 0;
ultraExplorerBarGroup11.Settings.ItemAreaInnerMargins.Top = 0;
ultraExplorerBarGroup11.Settings.ItemAreaOuterMargins.Bottom = 0;
ultraExplorerBarGroup11.Settings.ItemAreaOuterMargins.Left = 0;
ultraExplorerBarGroup11.Settings.ItemAreaOuterMargins.Right = 0;
ultraExplorerBarGroup11.Settings.ItemAreaOuterMargins.Top = 0;
ultraExplorerBarGroup11.Settings.Style = Infragistics.Win.UltraWinExplorerBar.GroupStyle.ControlContainer;
ultraExplorerBarGroup11.Text = "Color Code / CAD Drawing";
this.pnlOpIdentification.Groups.AddRange(new Infragistics.Win.UltraWinExplorerBar.UltraExplorerBarGroup[] {
ultraExplorerBarGroup10,
ultraExplorerBarGroup11});
this.pnlOpIdentification.GroupSettings.ItemAreaInnerMargins.Left = 0;
this.pnlOpIdentification.GroupSettings.ItemAreaOuterMargins.Left = 0;
this.pnlOpIdentification.GroupSettings.ShowExpansionIndicator = Infragistics.Win.DefaultableBoolean.False;
this.pnlOpIdentification.GroupSettings.Style = Infragistics.Win.UltraWinExplorerBar.GroupStyle.ControlContainer;
this.pnlOpIdentification.GroupSpacing = 0;
this.pnlOpIdentification.Location = new System.Drawing.Point(0, 0);
this.pnlOpIdentification.Margin = new System.Windows.Forms.Padding(0);
this.pnlOpIdentification.Margins.Bottom = 0;
this.pnlOpIdentification.Margins.Left = 0;
this.pnlOpIdentification.Margins.Right = 0;
this.pnlOpIdentification.Margins.Top = 0;
this.pnlOpIdentification.Name = "pnlOpIdentification";
this.pnlOpIdentification.NavigationAllowGroupReorder = false;
this.pnlOpIdentification.NavigationCurrentGroupAreaHeaderVisible = false;
this.pnlOpIdentification.NavigationOverflowButtonAreaVisible = false;
this.pnlOpIdentification.ShowDefaultContextMenu = false;
this.pnlOpIdentification.Size = new System.Drawing.Size(517, 204);
this.pnlOpIdentification.Style = Infragistics.Win.UltraWinExplorerBar.UltraExplorerBarStyle.OutlookNavigationPane;
this.pnlOpIdentification.TabIndex = 0;
this.pnlOpIdentification.ViewStyle = Infragistics.Win.UltraWinExplorerBar.UltraExplorerBarViewStyle.XPExplorerBar;
Hello Richard,
Thank you for your feedback.
I have checked the code you sent me. What I have found is you are actually had set NavigationCurrentGroupAreaHeaderVisible property to false here:
Please set back this property to true. This will show the Header of the active group.
Please let me know if this is what you are looking for or if I am missing something.
This is not the behavior we are looking for. We want the “tabs” that are used to open the panel to be on top rather than on the bottom, so that the content appears under the tab rather than over it.
Please call Brian Harvie at 508-962-6972 to discuss.
In order to have the "tabs" above the panel you need to set Style of UltraExplorerBar to Listbar. More about Style property you may find by following the next linkhttp://help.infragistics.com/Help/Doc/WinForms/2012.2/CLR4.0/HTML/Infragistics4.Win.UltraWinExplorerBar.v12.2~Infragistics.Win.UltraWinExplorerBar.UltraExplorerBarStyle.html
Please let me know if you have any further questions.
Hi Milko,
Thanks for the feedback. What I'm really looking for is a hybrid of the features in the OutlookNavigationPane style and the Listbar style. I like that the OutlookNavigationPane allows for the the "tabs" to be fixed so when I select a different tab, the panel simply changes to reflect the new information. What I don't like is that the tabs are underneath the panels rather than on top. As a programmer of 33 years, this seems counter intuitive to me. The Listbar style puts the tabs up top in a bizarre way that is not only very slow to refresh, but is visually unappealing to the user because everything shifts around.
If the answer is that it cannot be done, then so be it; but what I need is either the OutlookNavigationPane style with the tabs on top or the Listbar style with the tabs all fixed at the top (rather than moving around between the top and bottom). Let me know if there is a solution.
Regards,
Brian
Hello Brian,
Yes, you can achieve this behavior. To be able to have all the groups stacked at the bottom and active group fixed at the top you may handle GroupClick event. In this event you can insert the group at the first position of Groups collection of UltraExplorerBar. You can use code like this in GroupClick event handler:
UltraExplorerBarGroup expandedGroup = e.Group;
this.pnlOpIdentification.Groups.Remove(expandedGroup);
this.pnlOpIdentification.Groups.Insert(0, expandedGroup);
expandedGroup.Selected = true;
Please check the attached sample solution implementing this approach and let me know if this is what you are looking for or if I am missing something.
This solution could be workable, but there is still a problem that I see both in your example and when trying to implement in mine. If you click on these groups, you will notice that the content in the panels disappears! Also, a minor point -- I want the active group (at the top) to always have the active group font (e.g., Blue).