If you wish to override the current skin, you can use the following properties to customize RadDockinZone appearance:
1. Zone Highlighting - while dragging a dockable object, if a docking zone is hovered over, the zone gets highlighted. With Telerik RadDock it is possible to specify the highlighting style for each docking zone.
Consider the following example:
<rad:RadDockingManager id="RadDockingManager1" runat="server"></rad:RadDockingManager>
<TABLE style="BORDER:#cccccc 1px solid; WIDTH:99%; HEIGHT:350px" cellSpacing="1" cellPadding="1" border="0">
<TR>
<TD width="8">
<rad:RadDockingZone id=RadDockingZone1 runat="server" Width="100%" Height="100%">
<rad:RadDockableObject id=RadDockableObject1 runat="server" Text="Object 1">
<ContentTemplate>
Drag this object over a docking zone.
</ContentTemplate>
</rad:RadDockableObject>
</rad:RadDockingZone>
</TD>
<TD > </TD>
<TD width="8">
<rad:RadDockingZone id=RadDockingZone2 runat="server" Width="100%" Height="100%" HighlightedStyle-BorderColor="springgreen" HighlightedStyle-BorderStyle="solid" HighlightedStyle-BorderWidth="3px">
<rad:RadDockableObject id="RadDockableoOject2" runat="server" Text="Object 2">
<ContentTemplate>
Drag this object over a docking zone.
</ContentTemplate>
</rad:RadDockableObject>
</rad:RadDockingZone>
</TD>
</TR>
</TABLE> |
2. Border Properties
- border color - choose the color from one of the color palettes:
- border width - enter the width followed by its measure unit, e.g. px for pixels.
- border style - choose the style from the dropdown menu:
3. Background color is set from the BackColor property. Choose the color from one of the color palettes:
See Also