This is a migrated thread and some comments may be shown as answers.

Introduce Facebook-like Tooltips

2 Answers 32 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Robert
Top achievements
Rank 1
Robert asked on 23 Aug 2013, 12:39 AM
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 Answers, 1 is accepted

Sort by
0
Accepted
Marin Bratanov
Telerik team
answered on 26 Aug 2013, 10:13 AM
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.
0
Robert
Top achievements
Rank 1
answered on 26 Aug 2013, 05:18 PM
Thanks, Marin.  Just thought I'd ask in case you guys had some control that was already perfect for the task.
Tags
ToolTip
Asked by
Robert
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Robert
Top achievements
Rank 1
Share this question
or