Splitter and OnAjaxUpdate

13 posts, 1 answers
  1. Mark
    Mark avatar
    132 posts
    Member since:
    Feb 2008

    Posted 19 Sep 2008 Link to this post

    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
  2. Serrin
    Serrin avatar
    286 posts
    Member since:
    Sep 2008

    Posted 22 Sep 2008 Link to this post

    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!!
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mark
    Mark avatar
    132 posts
    Member since:
    Feb 2008

    Posted 22 Sep 2008 Link to this post

    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>

  5. Serrin
    Serrin avatar
    286 posts
    Member since:
    Sep 2008

    Posted 22 Sep 2008 Link to this post

    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.

  6. Mark
    Mark avatar
    132 posts
    Member since:
    Feb 2008

    Posted 22 Sep 2008 Link to this post

    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
  7. Mark
    Mark avatar
    132 posts
    Member since:
    Feb 2008

    Posted 22 Sep 2008 Link to this post

    Hi,
    Have found the solution !

    AutoTooltipify

    ="false"

  8. Serrin
    Serrin avatar
    286 posts
    Member since:
    Sep 2008

    Posted 22 Sep 2008 Link to this post

    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. :)
  9. Answer
    Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 23 Sep 2008 Link to this post

    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.
  10. Hakim
    Hakim avatar
    3 posts
    Member since:
    May 2009

    Posted 27 May 2009 Link to this post

    Hi Mark,
    Where did you put  AutoTooltipify="false" to solve you problem ?
    Thanks,
    Hakim
  11. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 28 May 2009 Link to this post

    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.
  12. Hakim
    Hakim avatar
    3 posts
    Member since:
    May 2009

    Posted 28 May 2009 Link to this post

    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
  13. Hakim
    Hakim avatar
    3 posts
    Member since:
    May 2009

    Posted 29 May 2009 Link to this post

    Hi Svetlina,

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

    OnAjaxUpdate = "RTMListUsers_OnAjaxUpdate"

    Thanks

    Hakim

  14. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 30 May 2009 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017