Introduce Facebook-like Tooltips

3 posts, 1 answers
  1. Robert
    Robert avatar
    253 posts
    Member since:
    Aug 2007

    Posted 22 Aug 2013 Link to this post

    Anyone who uses Facebook is aware of the red-circled "1", "2", "3" . . . etc. that appears near the top of the screen.  This images look like tooltips though stay visible until various other things in the app occur.

    Is this something I can emulate with the RadToolTip?  If so, how?

    If not, do you have any suggestions how I could do it otherwise?

    Robert
  2. Answer
    Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 26 Aug 2013 Link to this post

    Hi Robert,

    I do not think RadToolTip is the right tool for this task. For one thing, there may be several such notifications/numbers at any given time, while only one RadToolTip can be shown.
    Also, with its default borders and padding it would be rather difficult to make it so small.

    What I can suggest is placing another HTML element inside the buttons/images wrapper (in the screenshot example - the globe or messages wrapper). That main wrapper can have position: relative; and the custom element that will show the notifications count can have top: 0; left: 0; position: absolute; in order to be shown at the top right corner. It can have a desginated CssClass so you can access it on the client if needed and create its styling, and it can be runat="server" so you can access, show and populate it from the server if needed.


    Regards,
    Marin Bratanov
    Telerik
    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 the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Robert
    Robert avatar
    253 posts
    Member since:
    Aug 2007

    Posted 26 Aug 2013 Link to this post

    Thanks, Marin.  Just thought I'd ask in case you guys had some control that was already perfect for the task.
Back to Top