This section provides tips and tricks for using the C1TabStrip control.
You can prevent a particular tab page from being selected for content protection purposes. This is achieved by setting e.cancel=true on the client side in the beforeTabSelect event. For example, we can prevent the Sharing tab from being selected by using the following client-side event handler.
function beforeTabSelect(sender, e) {
if (e.get_tab().get_text() == "Sharing")
e.set_cancel(true);
}
Dynamically populate tabs by setting a data list to the DataSource property. For task-based help, see Binding a C1TabStrip to a Data Source.
Set the ForceNewLine property to True to arrange the tabs in multiple lines. See Creating Multiple Tabstrip Rows for task-based help.
You must specify the width of the control when you create a vertical tabstrip.
Remember to always use the ScriptManager control.
Set visual styles on your Studio for ASP.NET AJAX control to add rich themes to your application. For task-based help, see Changing C1TabStrip's Visual Style. For a list of visual styles, see C1TabStrip's Visual Styles.
Use image sprites in your custom visual styles to increase performance and decrease load times.
Update the client-side model properties and events when you don't need to perform server-side processing. The C1TabStrip control can be coded on both the client side and server side.
Use the SaveXML function of the control to save a serialized version of the control, including all settings and data. You can retrieve the settings using the LoadXML function. This is useful for creating menu sitemaps, schemas, and more.
|