See how the tabs of the panes are rendered with different setting of the
TabView
property.
 Pane1Pane3 |
This pane has the default
setting of TabView property.
It displays both the icon and the title
of the pane. |
This pane
has the TabView property set to ImageOnly.
|
This pane
has the TabView property set to TextOnly.
|
|
|  | Main Pane |
Since the vertical aligment of the text in pane tabs is not supported from the
Mozilla based browsers at this moment, you can use the TabView property
to let the pane tabs to look the same in all browsers. This can be done by
setting TabView="ImageOnly" and preparing images which include the title
and the icon of the pane. An example is shown below - you can see that now the
pane tabs are displayed the same in all browsers:
| | Main Pane |
Source Code & Description
Pane Tab view options
The way the pane tabs are rendered is controlled by the
TabView property of the
RadSlidingPane. The
TabView property uses the
Telerik.WebControls.RadSplitterSlidePaneTabView enumeration which has the following values:
- TextAndImage (default) - both the Icon and Title are displayed in the tab
- TextOnly - only the Title is displayed
- ImageOnly - only the Icon is displayed
You can set the url of the icon using the
IconUrl property.
To set the title of the pane use the
Title property.