Introduction

This control has been developed according to Microsoft Office 2003 controls. Most of the properties are included; however, there is no support yet for the Design Time property. This control contains five sub-controls:

Title: This section is at the top of the control. The property describes the control and is also the visible control indicated on the button.
Title explanation: This section is under the title info, which should hold long info rather than the title info. If the title was not defined, this control uses the title. Visible control is indicated on the button.
Related control: This control shows when the button is selected and is not moveable. This property has to indicate on the control when the control is added. Furthermore, this control is shown on the button. If this control was not added on the button, the control will shown only a panel.
Buttons: This object is dependent on the control. Almost all properties are contained in this control.
Carrying panel: The buttons can add onto the carrying Panel. If this situation is not possible, the buttons will be added on the menu.

This navigate bar must be used in a carrier panel. It will be deployed on the included control. All of the controls specified above come up within this control. Briefly:

Properties

• NavigateBarButtons: Collection that carries NavigateBarButton controls. New button can be added here.
• NavigateBarButtonHeight: Every new button uses this value for height info.
• NavigateBarDisplayedButtonCount: Maximum number of buttons can be added on the panel. Default is all buttons if it is not set.
• SelectedButton: Holds selected or picked-out button info.
• NavigateBarColorTable: Contains color settings for Panel and Sub-controls. System defaults valid when undefined. It is possible to customize.
• SaveAndRestoreSettings: Each application saving a different location. For save and restore, you must set NavigateBarButton.KEY values. Default settings result in file saves in the XML file format in the %APPDATA%\AppExeFileName folder. You can set any disk location and file name.
• IsCollapsible: Is it a collapsible pane? Default is true.
• IsShowCollapseButton: Show collapse button on the caption band.
• IsCollapsedMode: Get collapsible mode state.
• IsShowCollapsibleScreen: If pane width is smaller than minimum size, is it displayed as a collapsible screen?
• IsUseRTLforButtons: Use RightToLeft for buttons.
• IsUseRTLforMenus: Use RightToLeft for context menus.
• IsCollapsibleScreenShowNow: Is it displayed as a collapsible screen?
• IsCollapseScreenShowOnButtonSelect: Is it shown as a collapsible screen when button clicked?
• CollapsibleScreenWidth: Collapsible screen width.
• CollapsibleWidth: Required panel width for collapsible mode.
• RelatedControl: If Button.RelatedControl is empty, then display this control.
• OverFlowPanelHeight: Get or Set overflow panel height.
• DisplayedButtonCount: Get or Set displayed button count in panel.
• AlwaysUseSystemColors: Get or Set if use always system colors set true.

This contains the button info that is added into the panel. The button is the main object of control and almost all properties are saved on it. Briefly:

Properties

• Caption: This is the text info on the button and also its panel title. It will also be used for ToolTipText if ToolTipText has not been set.
• CaptionDescription: Description of the panel title.
• RelatedControl: The control that displays on the panel when the button is selected. Panel with notification message will display when it is undefined.
• Key: Each one is a unique value in the collection. This value is used for save and restore.
• Image: Holds picture info. 24x24 size is recommended. This picture will be used when it is disabled. It is an alternative to use. When this picture does not exist, one default picture will be added in OverFlowPanel.
• MouseOverImage: Picture info when mouse points on it. Image info will be used when it is undefined.
• SelectedImage: Picture info when it is selected. Image info will be used when it is undefined.
• IsSelected: Saves if button is selected or not.
• IsDisplayed: Saves if button display is in the panel or not.
• IsAlwaysDisplayed: Don't change the IsDisplayed state. Always shows NavigateBarButton.
• IsShowCaption: Saves display of title on panel or not when the button selected.
• IsShowCaptionDescription: Sets display of panel description when the button is selected.
• Font: Button's font info.
• ForeColor: Button's font color info.
• ToolTipText: The text info that is shown when button and overflow panel are not big enough.
• DefaultButtonHeight: Button's default height info. Defined as static.
• MinimumButtonHeight: Minimum height info that the button can have. Defined as static.
• CollapsedScreenWidth: Collapse screen width for this button.
• IsShowCollapseScreenCaption

: Show caption band on collapse screen.

PerformClick: Run button's selected event manually.

Some simple Navigate Pane code:

Dounload Source code here

Attached Files

Outlook_Navigation_Pane_demo.zip (81.1 KB, 14 views)

The new release takes care of the flicker, but the buttons now jump to different positions when clicked.

Reagrds,

M.Ramesh

I know, I fixed and send to DiscussWeb but they don't update until this time. I you need fixed code i can send you.

Thanks.

M.Sundaram

I love the control -- and I have a few suggestions for the next release:

1) Allow different fonts (sizes, types, forecolors) for:
Caption
CaptionDescription
NavigationBarButton Caption Text

This would match the outlook behavior a little more closely

2) Allow for a different color when you have a MouseOver a SelectedButton. (Right now, the color doesn't change, which is distracting to the user.)

3) Is it possible to add the relatedcontrol at Design-time (in the Form designer)? I tried to do it, and it didn't work -- instead, I have to do it in code.

Thanks again!

M.Ramesh

Hi

Firsty thanks.

1) I use system default for font and size but you can change fon and size values in constructor methods

2) You can create custom color table for navigation pane but i don't think custom button colors for now maybe next time.

3) You right. If i have some time i can add full support.

Regards,

M.Sundaram.

can i add on button on navigation pane like ---"My own Button"---onClick on this button it will do a action