Splitter and OnAjaxUpdate

[Mark]

Hi,
I have a splitter control on my page with a sliding pane & other panes.
I also have a Radtooltipmanager that displays a tooltip for a control within one of the splitter panes.

My problem is..
When i hover over the sliding pane bar, it activates the OnAjaxUpdate, which displays my bespoke tooltip.
I have not coded this.

How can i stop this happening ?

Many Thanks
Mark

[Serrin]

Hey Mark,

I am testing out a splitter with multiple sliding panes as well as stationary panes as you described, with a control in one that has a tooltip.  But... the tooltip isn't firing except for when I mouse over the control that should have it (so it works as expected).

Can you paste your code so I can try to help you debug this?

Thanks!!

[Mark]

I am copied relevant part of my HTML code.
lblWorkflowItem1 activates my bespoke tooltip..

 When i mouse-over the sliding pane it also activates this bespoke tooltip, and i want it to display nothing !

Thanks
Mark

<telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" Position="Center" RelativeTo="Element" Width="320px" ManualClose="True" Height="320px" Animation="Resize" Sticky="true" Skin="WebBlue" OnAjaxUpdate="OnAjaxUpdate"></telerik:RadToolTipManager>
<div>

<telerik:RadSplitter id="RadSplitter1" runat="server" height="99%" width="100%" ResizeMode="EndPane" Skin="WebBlue" Orientation="Horizontal" VisibleDuringInit="false" >

<telerik:RadPane ID="topPane" runat="server" Width="100%" Height="20px" >

<telerik:RadSlidingZone id="RadSlidingZone1" runat="server" width="100%" clicktoopen="true" SlideDirection="Bottom">

<telerik:RadSlidingPane id="quotationslidingPane" title="Job Ref:" runat="server" width="100%" Height="100px" EnableDock="false" >

<asp:LinkButton ID="hplCompanyName" runat="server"></asp:LinkButton>

<br /><br />

<asp:Label ID="lblCompanyAddress" runat="server" Width="90%"></asp:Label>

<br />

<asp:Label ID="lblCompanyTelFax" runat="server" Width="90%"></asp:Label>

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

<telerik:RadPane id="workflowPane" runat="server" Width="98%" Height="32px">

<div>

<asp:Table ID="Table2" runat="server" Width="100%" >

<asp:TableRow>

<asp:TableCell>

<asp:Label name="lblWorkflowItem1" ID="lblWorkflowItem1" runat="server" BorderStyle="Solid" BorderWidth="1px" Font-Bold="True" Font-Size="Small" Text="Q" Width="15px" BackColor="White" BorderColor="Gray" ForeColor="White"></asp:Label>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</div>

</telerik:RadPane>

<telerik:RadPane id="bottomPane" runat="server" Scrolling="None">

<telerik:RadSplitter id="Radsplitter6" runat="server" Skin="WebBlue" VisibleDuringInit="false">

<telerik:RadPane id="navigationPane" runat="server" Width="250px" >

<div>

</div>

</telerik:RadPane>

<telerik:RadSplitBar id="RadSplitbar1" runat="server" CollapseMode="Forward"></telerik:RadSplitBar>

<telerik:RadPane id="iframePane" runat="server" scrolling="none" width="100%">

<div>

</div>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

[Serrin]

Hmm, this one is beyond me, I can't even find anything in the documentation that references a tooltip or anything similar for the SplitterBar (so no clue how to disable that). 

Maybe just use an individual tooltip for the element you need it for?  This way the ToolTipManager won't override the property we can't find? :)  My best guess unless the wizards of Telerik can tell us how to access this property...  I could find a forum post on disabling the tooltip for a SlidingPane, but the same doesn't apply to the SplitterBar.

[Mark]

Hi,
I have to use the radtooltipmanager as the pop-up tooltip is complex.

Disabling the tooltip of the splitter-bar would have been perfect, as i dont need it at all !

Any other suggestions what i could do ?
Otherwise, may i issue a request to add the functionality to disable tooltip of splitterbar ?

Thanks
Mark

[Mark]

Hi,
Have found the solution !

AutoTooltipify

="false"

[Serrin]

I saw that a little while ago and wanted to look into that... but how do you get around the fact that you need to set zones which the RadWindowManager will cover?  Looking into it right now, I can see how you would set a div as a zone, but how do you separate out the panes that you want tooltip'd from the splitterbar that is causing the abnormality?

More my curiosity at this point than anything else. :)

[Svetlina Anati]

Hi guys,

Mark, I am glad that you could solve the problem on your own.

Serrin, I am not quite sure what exactly you want to achieve by setting a zone to the RadWindowManager and I assume that you did not mean the RadWindowManager control but the RadToolTipManager one.

If I am right, you can achieve the desired behavior by using separate RadToolTipManager for each RadPane and set its ToolTipZoneID to the particular RadPane's ID as shown below:

    <telerik:RadSplitter ID="RadSplitter1" runat="server">
            <telerik:RadPane ID="RadPane1" runat="server">
                <div title="aaa" id="f">
                    dasda</div>
            </telerik:RadPane>
            <telerik:RadSplitBar ID="RadSplitBar1" CollapseMode="Both" runat="server" />
            <telerik:RadPane ID="RadPane2" runat="server">
                <div title="aaabbbb" id="Div1">
                    dasda</div>
            </telerik:RadPane>
        </telerik:RadSplitter>
        <telerik:RadToolTipManager ID="RadToolTipManager1" ToolTipZoneID="RadPane1" runat="server"
            AutoTooltipify="true">
        </telerik:RadToolTipManager>
        <telerik:RadToolTipManager ID="RadToolTipManager2" ToolTipZoneID="RadPane2" runat="server"
            AutoTooltipify="true">
        </telerik:RadToolTipManager>

All the best,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Hakim]

Hi Mark,
Where did you put  AutoTooltipify="false" to solve you problem ?
Thanks,
Hakim

[Svetlina Anati]

Hi Hakim,

The AutoTooltipify property belongs to the RadToolTipManager - if it is set to true, the manager automatically replaces all the standard browser tooltips with RadToolTips. This property used to have default value true in older releases and in order to turn off this functionality it was necessary to explicitly set it to false. However, the property's default value was changed to false as explained in the Changes and Backwards Compatibility section of the tooltip's online help. In case you still experience problems please provide more details about the issue and the setup you are using.

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.

[Hakim]

Hi Svetlina,
Thank you for your replay. I explain you my problem:
I have an UpdatePanel (child; updatemode=conditional) that contains a RadToolTipManager, inside an UpadtePanel (Parent; updatemode=conditional) that contains a RadGrid. The RadGrid contains a LinkButton to execute a routine and a Image to dispaly the RadToolTipManager on hover. When I click first on the Linkbutton, it execute its routine and all things works fine. But my problem is when I hover the image first, the RadToolTipManager appears, but then when I click on the LinkButton there is no routine executed. I think that when I hover the image to display the RadToolTipManager, I call a postback, then my Linkbutton lost his routine.
this is my code aspx:
//this is my Parent UpadatePanel
<asp:UpdatePanel ID="upUserSecurity" runat="server" UpdateMode="Conditional" >
                <ContentTemplate>
                    <table class="usermanagement">
                        <tr>
                            <td style="padding: 5px; text-align: center;">
                                <asp:LinkButton ID="lnkAdmin" runat="server" CommandArgument="1" OnClick="lnkChangeSection_Click"
                                    Text="Admin" />&nbsp;
                                <asp:LinkButton ID="lnkProject" runat="server" CommandArgument="2" OnClick="lnkChangeSection_Click"
                                    Text="Project" />
                            </td>
                        </tr>
                    </table>
                    
                    <asp:Panel ID="pnlProgramSecurity" runat="server" CssClass="margintop" Visible="false">
                        <table>
                            <tr>
                                <td>
                                    <asp:Literal ID="litProgram" runat="server" Text="Program" />
                                    <telerik:RadComboBox ID="ddlMenuString" runat="server" Skin="WebBlue" Width="255px"
                                        OnSelectedIndexChanged="ddlMenuString_SelectedIndexChanged" AutoPostBack="True">
                                    </telerik:RadComboBox>
                                </td>
                            </tr>
                        </table>
//the RadToolTipManager display this GridView
                        <div id="toto">
                            <asp:GridView ID="gvUsers" runat="server" AutoGenerateColumns="false" Visible="true"
                                BorderColor="#9FB3CC" BorderStyle="Solid" Width="200" BorderWidth="1" CssClass="gridview"
                                GridLines="None">
                                <Columns>
                                    <asp:TemplateField HeaderText="<%$ Resources:Resou, lblUser_Text_Header %>">
                                        <ItemTemplate>
                                            <%# Eval("domainaccount")%>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                </Columns>
                            </asp:GridView>
                        </div>
                        <br />
                        //this is my Child UpadatePanel
                        <asp:UpdatePanel ID="upRTLMListUsers" runat="server" UpdateMode="Conditional">
                        <ContentTemplate>
                            <telerik:RadToolTipManager ID="RadToolTipManagerListUsers" OffsetY="-1" HideEvent="ManualClose"
                                Width="200" Height="50" runat="server" OnAjaxUpdate="OnAjaxUpdate" RelativeTo="Element"
                                Position="MiddleRight">
                            </telerik:RadToolTipManager>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                    //This is my RadGrid who contains the LinkButton and the Image
                    <telerik:RadGrid ID="gvAccess" runat="server" OnItemCommand="gvAccess_ItemCommand" OnItemDataBound="gvAccess_ItemDataBound" GridLines="None" PageSize="20"
                                 AutoGenerateColumns="false">
                        <MasterTableView>
                            <Columns>
                                <telerik:GridTemplateColumn HeaderText="Role">
                                    <ItemTemplate>
                                        <asp:LinkButton ID="lnkRole" runat="server" CommandArgument='<%# Eval("VisualProfile") %>'
                                            CommandName='<%# Eval("Role") %>'><%# Eval("Role") %></asp:LinkButton>
                                        <img id="targetControl" runat="server" src="~/images/group.gif" alt="View" />
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                            </Columns>
                        </MasterTableView>
                    </telerik:RadGrid>
                    </asp:Panel>
                </ContentTemplate>
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="lnkAdmin" EventName="Click" />
                    <asp:AsyncPostBackTrigger ControlID="lnkProject" EventName="Click" />
                </Triggers>
            </asp:UpdatePanel>

I'm sorry about my english.
Many thanks.
Hakim

[Hakim]

Hi Svetlina,

I solved my problem. I just associat the event OnAjaxUpdate to the radToolTipManager like this :

OnAjaxUpdate = "RTMListUsers_OnAjaxUpdate"

Thanks

Hakim

[Svetlina Anati]

Hello Hakim,

I am glad you solved the problem. The name of the function OnAjaxUpdate is actually the server-side method which should get executed when the ajax request for loading the content executes and it is the server function which actually loads the content. In case you need assistance or you have further questions, do not hesitate to contact us again. 

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.