How to enable tooltip manager for particular controls

[Muhamed Shafi]

Hi,
    I am using rad tool tip manager to enable it in particular rad charts in the page. But it enables for all rad controls other than charts. My requirement is to set it enable only for few chart controls. I added my chart control IDs in the target controls collection of the tool tip manager. Now other controls stopped to response to the tool tip; But in rad charts, the tool tip is not populating correctly and it shows as small circle near the point. Also regular tool tip is displaying with this rad tool tip on mouse over. Is there any solution to get it clear ?
Regards
Shafi

[Tsvetie]

Hi Shafi,
In this case, you can specify a zone (an HTML element) that the tooltip manager should tooltipify using the ToolTipZoneID property. This property sets the ClientID of an HTML element, whose child elements should be tooltipified. For example:
 

<div id="chartWrapper">
    <telerik:RadChart ID="RadChart1" SkinsOverrideStyles="true" runat="server">
        <PlotArea>
            <XAxis MaxValue="5" MinValue="1" Step="1">
            </XAxis>
            <YAxis MaxValue="3" Step="0.5" AxisMode="Extended">
            </YAxis>
            <YAxis2 MaxValue="5" MinValue="1" Step="1">
            </YAxis2>
        </PlotArea>
        <Series>
            <telerik:ChartSeries Name="Series 1">
                <Items>
                    <telerik:ChartSeriesItem YValue="1" Name="Item 20" ActiveRegion-Tooltip="Item 20">
                    </telerik:ChartSeriesItem>
                    <telerik:ChartSeriesItem YValue="2" Name="Item 100"  ActiveRegion-Tooltip="Item 100">
                    </telerik:ChartSeriesItem>
                    <telerik:ChartSeriesItem YValue="1" Name="Item 100"  ActiveRegion-Tooltip="Item 100">
                    </telerik:ChartSeriesItem>
                    <telerik:ChartSeriesItem YValue="3" Name="Item 20"  ActiveRegion-Tooltip="Item 20">
                    </telerik:ChartSeriesItem>
                </Items>
            </telerik:ChartSeries>
        </Series>
    </telerik:RadChart>
<telerik:RadToolTipManager ID="RadToolTipManager1" ToolTipZoneID="chartWrapper" runat="server" AutoTooltipify="true">
</telerik:RadToolTipManager>
</div>

Greetings,
Tsvetie
the Telerik team

[Muhamed Shafi]

Hi,
    Thanks for the reply. I tried it and now it thows an error like:
Cannot unregister UpdatePanel with ID 'myTooltip' since it was not registered with the ScriptManager. This might occur if the UpdatePanel was removed from the control tree and later added again, which is not supported. Parameter name: updatePanel at System.Web.UI.PageRequestManager.UnregisterUpdatePanel(UpdatePanel updatePanel)
    Kindly find the scenario below:
        There is a main rad grid where each row contains a "Detail View" link. Once I click this link, a new seperate rad grid will be populated with detailed data, and in this new grid there is a NestedViewTemplate whcih contains a rad chart and it will be filling the chart information once I click the expand button for each row. And my tool tip manager is assocaiated with this rad chart.
Finally all these controls are in a user control and I am refering this user control in an aspx page where update panel also resides in this aspx page
    Now once I click "Detail View" link the second grid is populating well and the rad chart is also dispalying with tooltips data while expanding any row in the second grid. But now if I return to the main grid and again cilcik the "Detail View", it throws above error. Can you please look into this and find out what is wrong with it ?

Thanks in advance

Shafi

[Tsvetie]

Hi Muhamed Shafi,
Your scenario is quite complex and that is why all I can provide are hints, hoping these will point you in the right direction. In case the information below does not help you, please open a formal support ticket and send me a simple running project that demonstrates this problem.

In this case, you can try moving the RadToolTipManager control to the page and outside of the UpdatePanel for the UserControl. Then, you should tooltipify the chart elements using the client-side API. For example:

tooltipManager.tooltipify(rootElement);

Kind regards,
Tsvetie
the Telerik team