RadSliding Pane title display issue

[Karthick Purushothaman]

Hi,

How i can able to display the title of the rad sliding pane as mention below.

M
O
N
T
H

Righ now i cant able to display the title like this. Can any one help me to tell how i can able to achieve this.?

Thanks and Regards,
Sushanth Mathew

[Svetlina Anati]

Hi Karthick,

In order to get the desired result, please go through the following steps:

1. Include the following style in your page's head:
   
   

       .rspPaneTabText
       {
          writing-mode:lr-tb !important;
       }

2. Attach the following client-side handler to the RadSlidingZone's OnClientLoaded event:
   
   

     <script type="text/javascript">
           function OnClientLoaded(sender, args)
           {
   
             var panes = sender.getPanes();
   
   
             for(var i = 0;i<panes.length; i++)
             {
               var pane = panes[i];
               var tabContainer = pane._getTitleContainerElement();
               if (tabContainer != null) // image only
               {
                  tabContainer.style.lineHeight = 1;
                  tabContainer.innerHTML = pane.get_title().split("").join("<br/>");
               }
   
               var titleContainer = pane.getSlidingContainerTitle();
               if(titleContainer)
                   titleContainer.innerHTML = pane.get_title();
               pane.updateClientState();
   
   
            };
           }
   
           </script>

For your convenience I attached a sample page to the thread.

Greetings,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.