If you wish to override the current skin, you can use the following properties to customize RadDockableObject appearance:
1. Style properties for the whole object - these properties define the appearance of the whole object like background color, border color, border style, border width, etc.
2. Title Bar style properties - these properties define the appearance of the Title Bar like background color, background image, border color, border style, border width, etc. They are gathered together under the name TitleBarStyle:
3. Horizontal grips style properties - these properties define the appearance of the horizontal grips like background color, background image, border color, border style, border width, etc. They are gathered together under the name HorizontalGripStyle:
4. Vertical grips style properties - these properties define the appearance of the horizontal grips like background color, background image, border color, border style, border width, etc. They are gathered together under the name VerticalGripStyle:
Consider the following example of a customized RadDockableObject:
<rad:RadDockingManager id="RadDockingManager1" runat="server"></rad:RadDockingManager>
...
<rad:RadDockingZone id=RadDockingZone1 runat="server" Width="100%" Height="100%">
<rad:RadDockableObject id=RadDockableObject1 runat="server" Height="144px" Behavior="Resize" DockedObjectEnabledGrips="Top,Bottom,Left,Right" Text="Dockable Object" BackColor="PeachPuff" BorderColor="#FF8000">
<TitleBarStyle ForeColor="#FFC080" BackColor="#c00000" Font-Names="Comic Sans MS" Font-Bold="True">
</TitleBarStyle>
<VerticalGripStyle BackColor="#ff0000">
</VerticalGripStyle>
<HorizontalGripStyle BackColor="#c00000">
</HorizontalGripStyle>
<ContentTemplate>
This object has customized styles of title bar and grips.
</ContentTemplate>
</rad:RadDockableObject>
</rad:RadDockingZone> |
See Also