Intersoft WebDesktop Documentation
Configuring Multiple Rows Docking
See Also Send Feedback
Intersoft WebDesktop > WebToolBar > Tutorials > Configuring Multiple Rows Docking

Glossary Item Box

Objectives

WebToolBar supports Multiple Rows Docking, just like what we used to see in common desktop application.
This tutorial will show you how to configure a Multiple Rows Docking.

Following are steps to add item to WebToolBar and change the command type.

  1. Drag PlaceHolderManager to WebForm.






  2. Right click on PlaceHolderManager and choose PlaceHolderManager Designer.



    You can change the layout and properties of PlaceHolderManager in this designer, ultimately you need to specify maximum docking rows for the WebToolBars.


  3. Drag First WebToolBar to PlaceHolder Manager.



    This will place the WebToolBar to Top Most Row in PlaceHolder manager, to learn how to change the docking position see "Changing Toolbar docking at design time" Tutorial.


  4. Drag Second WebToolBar to WebForm.


    This will place the WebToolBar on second row bellow the first WebToolBar.


  5. Open First & Second WebToolBar's Property Window.
  6. In Docking Property Set, change DockingArea Property to "Top" or others.
  7. In Docking Property Set, change DockingRow to 0 (for First WebToolBar) and 1 (for Second WebToolBar).

  8. Run the project. 

  • You might want to add some ToolBar Command Buttons in your WebToolBar. To see more information about this please refer to "Using ToolCommand Types" Tutorial
  • FillDockingRow's Property is used to expand the ToolBar's width to fill the Docking's Row. If you want to specify the width of the WebToolBar, you need set FillDocking's Row Property to false before you change the width settings.

See Also

© 2012 Intersoft Solutions Corp. All Rights Reserved.