RadSlidingPane: Different Text on side than on top?

[Robert]

Could you take a look at this image I've prepared: http://mwtech.com/downloads/public/RadSlidingPaneExample.jpg

With the RadSlidingPane is there a way to have different text on the side than on the top?

Robert

[Dobromir]

Hi Robert,

The required functionality is not supported by RadSplitter out-of-the-box. Nevertheless, you can achieve this using one of the following approaches:

• Configuring RadSlidingPane to display image instead of text in the Tab, e.g.:
  

  <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="Pane's Title" TabView="ImageOnly" IconUrl="path_to_image">
  .....

• Manually change the Text displayed in the sliding pane's titlebar, e.g.:
  

  function splitterLoad(splitter, args)
  {
      var slidingZone = $find("<%=RadSlidingZone1.ClientID%>"); //get reference to the sliding zone
      var slidingPane = slidingZone.getPaneById("RadSlidingPane1"); //get reference to the sliding pane
      var titleContainer = slidingPane.getSlidingContainerTitle(); //get reference to the DOM element containing the title
      titleContainer.innerHTML = "New Title"; //set the new title
  }

I hope this helps.

Best wishes,
Dobromir
the Telerik team

[Robert]

Dobromir,

Thank you so much!

I adapted your code for my needs.

It worked great!!

Robert

[Robert]