Showing r.a.d.window when hovering over an element on our page

Thread is closed for posting
7 posts, 0 answers
  1. 63F75A2C-1F16-4AED-AFE8-B1BBD57646AD
    63F75A2C-1F16-4AED-AFE8-B1BBD57646AD avatar
    1572 posts
    Member since:
    Oct 2004

    Posted 20 Mar 2006 Link to this post

     

    Requirements

    r.a.d.window version

    1.x

    .NET version

    all

    Visual Studio version

    all

    programming language

    Javascript

    browser support

    all browsers supported by r.a.d.window

    In some scenarios you may need to open a r.a.d.window when you hover your mouse over an element and to close it when you move your mouse cursor out. This can be used to show additional details about an item on your page, such as a tooltip.

    This is achieved by surrounding the respective element with a <span> or any other Html tag with the appropriate onmouseover and onmouseout events.

    In the attached example we show another possible case - to open a window on mouse over and pass a parameter to that window with a different value, depending on the hovered item.

    For more information, please refer to the provided code.
     

  3. AB37F29F-72F2-4083-85E0-DE646DAC23D4
    AB37F29F-72F2-4083-85E0-DE646DAC23D4 avatar
    1 posts
    Member since:
    Jul 2005

    Posted 07 Mar 2007 Link to this post

    Hey Thanks,

     This is some nifty code, I used this to design a nifty callout from a list of links
  5. 4DD5D375-1ECB-4D9E-B1E5-7724FA71BE8A
    4DD5D375-1ECB-4D9E-B1E5-7724FA71BE8A avatar
    55 posts
    Member since:
    Feb 2007

    Posted 14 Mar 2007 Link to this post

    Yes this code would be very nifty, but I think its not here! The zip file does not seem to contain the .cs file to go with the aspx. Presume this is the file with the "passing parameter" logic.
  7. 000585EE-7DFC-4C10-B6EB-448F2DA3AFB4
    000585EE-7DFC-4C10-B6EB-448F2DA3AFB4 avatar
    7207 posts
    Member since:
    Jul 2016

    Posted 14 Mar 2007 Link to this post

    Hello Richard,

    All the code that is needed is in the zip file. The solution is entirely in Javascript and that is why I did not include the codebehind for the aspx page - sorry about that.

    In addition I would suggest to check the following forum thread Using RadWindow as a mouse hover popup where a slightly modified version of the approach that I used is shown. In that sample a RadWindow will be shown when you hover over an element on the page and if you click on that element, the RadWindow will stay open until you close it or hover over another element. 

    We are also planning to provide a separate tooltip control later this year that I hope will be of help for you. More information on our future plans is available in the public Product Roadmap.



    Regards,
    Georgi Tunev

    the telerik team
  9. 4DD5D375-1ECB-4D9E-B1E5-7724FA71BE8A
    4DD5D375-1ECB-4D9E-B1E5-7724FA71BE8A avatar
    55 posts
    Member since:
    Feb 2007

    Posted 14 Mar 2007 Link to this post

    Hi,

    Yes I have it now ... and it was only confusing because it wasn't there. Now it is I can see how it all works - knowing nothing is missing. Also thank you for the other pointer because in fact that is exactly what I have been trying to do.

    Regards

    Richard
  11. 71DA91F1-1602-4A50-A9EA-FA93773E4133
    71DA91F1-1602-4A50-A9EA-FA93773E4133 avatar
    17 posts
    Member since:
    May 2008

    Posted 12 Aug 2009 Link to this post

    I'd like to expand this to work within a grid.  I can get the window to popup for each record but need to pass the Id for the row.  How would I do this?

    My grid has this setting:

    ClientDataKeyNames="TrackingId"
  13. 6AB3838B-B392-4EDE-97F0-B3F5916D8900
    6AB3838B-B392-4EDE-97F0-B3F5916D8900 avatar
    11100 posts
    Member since:
    Jan 2017

    Posted 14 Aug 2009 Link to this post

    Hi Warren,

    ClientDataKeyNames is available in RadGrid for ASP.NET AJAX however this code-library is for our old RadGrid for ASP.NET.

    Please check this demo to know more about     how to get client key/values with RadGrid for ASP.NET AJAX:
    http://demos.telerik.com/aspnet-ajax/grid/examples/client/keys/defaultcs.aspx

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

This Code Library is part of the product documentation and subject to the respective product license agreement.