How to enable tooltip manager for particular controls

Thread is closed for posting
4 posts, 0 answers
  1. Muhamed Shafi
    Muhamed Shafi avatar
    22 posts
    Member since:
    Jan 2010

    Posted 18 Nov 2011 Link to this post

    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
  2. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 23 Nov 2011 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Muhamed Shafi
    Muhamed Shafi avatar
    22 posts
    Member since:
    Jan 2010

    Posted 25 Nov 2011 Link to this post

    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
  5. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 30 Nov 2011 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top