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

7 posts, 0 answers
  1. Telerik Admin
    Telerik Admin avatar
    1679 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.
     

  2. Arthur Nugent
    Arthur Nugent 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
  3. rschnell
    rschnell 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.
  4. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    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
  5. rschnell
    rschnell 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
  6. Warren
    Warren 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"
  7. Vlad
    Admin
    Vlad avatar
    11100 posts

    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