overlay div how-to

[Michael]

I have a repeater and want to have an ajax kind of tool-tip that will display in an overlay dif when a user clicks on an image next to the item.

The tooltip content is stored in a database table.

Most examples of this kind of thing seem to respond to a single button click rather than one of many possible image buttons.

Also, I'm just starting with the Rad tools. Can someone tell me which to use for this purpose and give me some ideas on how to proceed?

I'm putting this into a custom DNN module, but don't expect that brings much, if any, difference.

Thanks -

[Svetlina Anati]

Hello Michael,

I am not completely sure about your exact goal and scenario but as far as I understood you want to show the same tooltip from different targets. If so, I can suggest you to consider one of teh following implementations:

1. Use a RadToolTipManager and tooltipify teh desired target controls as shown e.g in teh following online demos:
   
   http://demos.telerik.com/aspnet-ajax/tooltip/examples/default/defaultcs.aspx
   http://demos.telerik.com/aspnet-ajax/tooltip/examples/loadondemand/defaultcs.aspx
   http://demos.telerik.com/aspnet-ajax/tooltip/examples/webservice/defaultcs.aspx
   
   All these demos actually show the very same user control which is bound with different information - if you want you can not change the content depending on teh target but simply show teh same content. Note, however, that this approach means that you will have a separate tooltip for each target, no matter the information will be the same.
2. If you want to use only a single tooltip for all teh targets, you can declare a separate RadToolTip control with the desired content. After that you should set ShowEvent="FromCode" and you can change teh target control on the client using the client API and show it through the show() method, similarly as shown below:
   
   http://demos.telerik.com/aspnet-ajax/tooltip/examples/clientsideapi/defaultcs.aspx

As to making an overlay, you should set Modal="true".

I hope that my suggestions are helpful, in case you need further assistance, please provide more details about the exact scenario and why the above suggested will not work in it and I will do my bets to provide another solution.

 

Regards,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Michael]

Thank you - I'm making good progress.

What is missing, and would be very helpful, is the ProductDetails.ascx file and code-behind. If that were available I think I'd have all the pieces.

[Michael]

CodeFile="ProductDetails.ascx.cs" - is this file (or preferably the VB version) available somewhere?

[Svetlina Anati]

Hi Michael,

When you install RadControls, our online examples projects are automatically installed on your computer and you can not only examine their full source code, but also extend them further in order to meet your requirements.

You can open the demos from here:

Start\Programs\Telerik\RadControls for ASPNET AJAX\Open Sample WebSite In VisualStudio

The actual location on your hard disk is the following one:

C:\Program Files\Telerik\RadControls for ASPNET AJAX \Live Demos

I hope that this information is helpful, let me know if you need further assistance.


All the best,

Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.