Always show tooltip - hide ManualClose button

[Brian]

Hello

I'm trying to use a series of tooltips displayed vertically as containers for text on a message-board type page, similar to how a list of of sent and received text messages looks on an iPhone or in the new blackberry OS.

If I set VisibleOnPageLoad="true" and HideEvent="ManualClose" I get close to what I'm trying to accomplish, but there is an X button visible in the top right corner - can I hide that button so that users are unable to even manually close the tooltip?

Any suggestions or a recommendation for a different approach are greatly appreciated - thanks

Brian

[Princy]

Hello,


I hope setting the "HideEvent" property to "FromCode" will work for you. Since, you dont have any code for closing the tooltip, it will not close and the "close" button will not availble for this setup.

Another way to hide the "close" button when setting "ManualClose" is adding the following CSS on page.
CSS:

<style type="text/css">
.rtCloseButton
{
    display: none !important;
}
</style>

Thanks,
Princy.

[Brian]

Hi Princy - thanks for your reply

"FromCode" works nicely - good to know about the css method as well...

However, it seems as though I can't display more than one tooltip at a time...I tried the code below as a test and only the second tooltip is displayed when the page loads (and it's displayed at the far right-side of the page)

My plan was to run a stored procedure on page_load and to add a tooltip containing the contents of each row (each tooltip underneath the one before it in 1 vertical column) but I'm not sure if this is possible...can I show more than one tooltip at a time? And if not would you be able to suggest a way to accomplish this? I'm trying to make something that look like the file that I've attached...

Thanks a lot

 

 

 

 

 

<telerik:RadScriptManager ID="RadScriptManager1" Runat="server">
</telerik:RadScriptManager>

 

 

 

 

 

<div style="float:left; padding-top:10px;">

 

 

 

 

 

<div style="float:left; padding-top:10px;">
<telerik:RadToolTip ID="RadToolTip1" TargetControlID="form1" runat="server" Skin="Sitefinity" HideEvent="FromCode" VisibleOnPageLoad="true" Position="MiddleLeft">
this is tooltip number 1
</telerik:RadToolTip>
</div>

 

 

 

 

 

 

<div style="clear:both;"></div>

 

 

 

 

 

<div style="float:left; padding-top:20px;">
<telerik:RadToolTip ID="RadToolTip2" TargetControlID="form1" runat="server" Skin="Sitefinity" HideEvent="FromCode" VisibleOnPageLoad="true" Position="MiddleRight">
this is tooltip number 2
</telerik:RadToolTip>
</div>

 

 

 

 

 

</div>

 

[Svetlina Anati]

Hi Brian,

 Only a single tooltip might be visible at any given time. This behavior is by design and will not be changed as changing it would defy the purpose of the control.

The purpose of a tooltip is to provide additional information for a given element. It is not meant to be used as a popup control or as a draggable panel. For this purpose we provide RadWindow and RadDock controls. Both of these controls allow more than one visible element of the kind on the page.

Our suggestion is to consider using RadWindow and RadDock controls.

Kind regards,
Svetlina
the Telerik team