Friday, June 14, 2013

Customizing the Sidebar

The sidebar is displayed on the left side of every content page. The About box displays a description for the page. The See Also box shows other pages on the same level in the navigation menu. The Summary box displays information about the selected record, if enabled for the specific view.

The sidebar contains the Summary, About, and See Also boxes.

Customizing the About Box

Start the Project Designer. In the Project Explorer, double-click on Customers page node.

Customers page node in the Project Explorer.

Change the About This Page property:

Property New Value
About This Page This page displays a list of customers.

Save the page. On the toolbar, press Browse. Notice that the text in About box has been updated.

The About box text has been updated.

Hiding See Also Box

The See Also box displays links to pages on the same hierarchy level. Let’s hide the See Also box.

In the Project Explorer, double-click on Customers page node.

The Customers page node in the Project Explorer.

Change the following:

Property New Value
Custom Style NoSeeAlso

Press OK to save. On the toolbar, press Browse. Notice that the See Also box has disappeared.

The See Also box is no longer present in the sidebar.

Custom content may be added to the sidebar in the form of a user control.

Placing a Custom User Control in the Sidebar

In the Project Explorer, right-click on Customers / page container node, and press New Control.

Adding a new control to the 'page' container on the Customers page.

Next to the User Control lookup, click on the New User Control icon.

Creating a new user control.

Assign a name to the user control.

Property Value
Name CustomerSidebar

Press OK to save the new user control. Press OK to add the user control to the page.

Right-click on Customers / page / control1 – CustomerSidebar node, and press Rename.

Renaming 'control'1 control on the Customers page.

Change the name to “sidebar”, and press Enter key to apply changes.

The control has been renamed to 'sidebar'.

On the toolbar, press Browse. Notice that the user control is now present in the sidebar.

The user control has been added to the sidebar.

No comments:

You can find more about Code OnTime Generator, Data Aquarium Framework, and other great products here.


© 2010 Code OnTime LLC. Intelligent code generation software for ASP.NET. Visit us at http://codeontime.com