RadSliding Pane title display issue

2 posts, 0 answers
  1. Karthick Purushothaman
    Karthick Purushothaman avatar
    23 posts
    Member since:
    Mar 2009

    Posted 20 Jun 2009 Link to this post


    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
  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 22 Jun 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top