This section provides tips and tricks for using the C1TabControl 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);
}
• Set the ForceNewLine property to True to arrange the tabs in multiple lines. See Creating Multiple Tabstrip Rows for task-based help.
• 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 the Visual Style of a C1TabControl. For a list of visual styles, see Built-In Visual Styles.
• Use image sprites in your custom visual styles to increase performance and decrease load times.
• Use the built-in animations to add transitional effects to your Web site or Web application. These let your user know that the page of your C1TabControl control has changed.
• Add easing in and easing out to make your animations smoother and more natural.
• Extend our animation library to any part of your web application, including portions that aren't ComponentOne controls. See Animation and Transition Effects for a complete list of animation and transition effects.
• Update the client-side model properties and events when you don't need to perform server-side processing. The C1TabControl control can be coded on both the client side and server side.
|
