Localisation of the dock / undock / collapse tooltips

[mischa]

I want to localise the dock / undock / collapse tooltips of the RadSlidingPane.

Is this possible and if so how can I do this?

[Svetlina Anati]

Hi Mischa,

The RadSlidingPane provides server properties which can be used to easily control the tooltips and change them to a custom string.

• The CollapseText property specifies the tool tip that appears when the user hovers the mouse over the collapse button in the title bar.
• The DockText property specifies the tool tip that appears when the user hovers the mouse over the dock button in the title bar.
• The UndockText property specifies the tool tip that appears when the user hovers the mouse over the undock button in the title bar.
• The ResizeText property specifies the tool tip that appears when the user hovers the mouse over the resizable border of the sliding pane.

You can read more about this in the following online help article:

http://www.telerik.com/help/aspnet-ajax/splitter_appearancestrings.html


Kind regards,
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.

[mischa]

I should have mentioned the version I'm trying to do this with is 2008.3.1125.20 in which these properties are not yet available. 

Any solution except for upgrading?

[Svetlina Anati]

Hello Mischa,

Would you please test again the provided solution? I tested the version you mention and the discussed properties are present there - please make sure that you are setting them for the RadSlidingPane and not for the RadSlidingZone. This being said, your markup should look e.g like the following one:

<telerik:RadPane ID="pane1" runat="server" Height="22">
                <telerik:RadSlidingZone ID="zone" runat="server">
                    <telerik:RadSlidingPane ID="slide1" runat="server" Title="First" CollapseText="CustomCollapseText">
                    </telerik:RadSlidingPane>
                </telerik:RadSlidingZone>
            </telerik:RadPane>


Sincerely yours,
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.

[mischa]

Tried, without succes. 

Looks like I might be wrong about the version number as well: 1.3.1.0 instead of the formentioned 2008.3.... 

Sorry about that. 

I didn't get any intellisence on the property nor did it work. 

Snippet:

    <radspl:RadPane ID="xxxxx" runat="server" Width="22px" Scrolling="None">

        <radspl:RadSlidingZone ID="yyyyyy" runat="server" SlideDirection="Left" ClickToOpen="true">

            <radspl:RadSlidingPane ID="zzzzz" runat="server" Width="390" MaxWidth="390" Title="Summary" CollapseText="CustomCollapseText">

<radA:RadAjaxPanel ID="xxxxx" runat="server" onajaxrequest="xxxxx_AjaxRequest" EnableAJAX="true" EnableOutsideScripts="true">                    

                    <vac:PositionSummary runat="server" ID="xxxxSummary" visible="false"/>

                </radA:RadAjaxPanel>

            </radspl:RadSlidingPane>

        </radspl:RadSlidingZone>

    </radspl:RadPane>

[Tsvetie]

Hello Mischa,
In case I understand you correctly, you are not using the RadSplitter for ASP.NET AJAX, but rather the RadSplitter for ASP.NET. If this is the case, the splitter you use does not have  those properties and the only way you can change the tooltips of the dock/undock/collapse icons is by means of javascript.

For example:

<radspl:RadSplitter ID="RadSPlitter1" runat="server" Width="800px">
    <radspl:RadPane ID="RadPane1" runat="server">
    </radspl:RadPane>
    <radspl:RadPane ID="xxxxx" runat="server" Width="22px" Scrolling="None">
        <radspl:RadSlidingZone ID="yyyyyy" runat="server" SlideDirection="Left" ClickToOpen="true"
            OnClientLoaded="OnClientLoaded">
            <radspl:RadSlidingPane ID="zzzzz" runat="server" Width="390" MaxWidth="390" Title="Summary">
            </radspl:RadSlidingPane>
        </radspl:RadSlidingZone>
    </radspl:RadPane>
</radspl:RadSplitter>
<script  type="text/javascript">
function OnClientLoaded(sender, args)
{
    var slidingPanes = sender.GetPanes();
    for(var i=0; i<slidingPanes.length; i++)
    {
        var pane = slidingPanes[i];
        pane.GetDockIconElement().title = "Custome dock title";
        pane.GetUnDockIconElement().title = "Custome undock title";
        pane.GetCollapseIconElement().title = "Custome collapse title";
    }
}
</script>

You can find more information on the client-side methods I used here.

All the best,
Tsvetie
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.