Welcome Guest Search | Active Topics | Sign In | Register

Blank ToolTip Text Options
rv6Driver
Posted: Wednesday, August 1, 2012 9:54:52 AM

Rank: Newbie
Groups: Member

Joined: 9/23/2010
Posts: 7
I have a eo:ToolTip associated to a link within the Content Template of an EO dialog.
When the (modal) dialog is shown, and you mouseover the link, the tooltip fires Ok, but it is blank.

I have tried to set the text (header and body) client-side with JavaScript, server-side with FindControl... as well as declaratively in the markup. All with the same result, it triggers but is blank.

I have also tried to place the eo:Tooltip within the Content Template of the eo:Dialog itself and that did not work either. Still blank.

I have suspected that the text color is same as background, making the text invisible but I really dont think so, however the size of the ToolTip changes with the amount of text that it should be displaying.

It triggers OK, and the tooltip changes dimensions with the text amount, but the text is missing....

Thanks in advance....CB.
eo_support
Posted: Wednesday, August 1, 2012 10:51:01 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,195
Hi,

We tested this and it seems to work fine. Can you post a test page that demonstrates the problem?

Thanks!
rv6Driver
Posted: Thursday, August 2, 2012 12:25:11 PM

Rank: Newbie
Groups: Member

Joined: 9/23/2010
Posts: 7
Got it fixed...and it looks great...
The tooltip would trigger OK but text was not visible until I added the CSS class to define the colors, etc and used the codebehind to point to it. I had to set the CSSClass property in codebehind you cannot declaratively point to the CSSClass in markup (only CSSFile and CSSBlock). It would be nice if you could....

(partial) Markup looks like this:

<asp:ScriptManager ID="ScriptManager" runat="server" />
<asp:UpdatePanel ID="UpdatePanel" runat="server" >
<contenttemplate>


<div style="width: 100%; text-align:center">
<br />
<dx:ASPxLabel ID="lblcontentTitle" ClientInstanceName="lblcontentTitle" runat="server" CssClass="contentTitle" Text="Add Employees to Manpower Complement"></dx:ASPxLabel>
<br />
</div>
<div id="helpDiv" style="width: 100%; text-align:left">
<asp:Image ID="helpImage" runat="server" Height="20px" Width="20px" CssClass="helpIcon" ImageUrl="~/Images/Help.png" />
<eo:ToolTip
runat="server"
ID="ToolTip2"
Animation="GlideBottomToTop"
AnimationDuration="100"
HeaderHtml="<strong>View Help</strong>"
BodyHtml="<hr/><p>Click on this icon to view the Help for this page.</p>"
For="helpImage">
</eo:ToolTip>

<br />
<br />
<dx:ASPxLabel ID="ASPxLabel5" ClientInstanceName="lblUpdateStatus" runat="server" CssClass="contentStatus" Text=""></dx:ASPxLabel>

</div>
.
.
.
.
.


CSS Class looks like:

.toolTips
{
color:navy;
background-color:#FAFAD2;
text-align:center;
padding: 10px 10px 5px 10px;
border:1px solid navy;

}

Server side (code-behind) is simply a property setting and looks like:
ToolTip2.CssClass = "toolTips";

eo_support
Posted: Thursday, August 2, 2012 1:13:36 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,195
Hi,

You suppose to set the ToolTip's PopupStyle/HeaderStyle/ContentStyle. See here for more details:

http://www.essentialobjects.com/doc/1/tooltip/server_api.aspx

Thanks
rv6Driver
Posted: Thursday, August 2, 2012 2:09:47 PM

Rank: Newbie
Groups: Member

Joined: 9/23/2010
Posts: 7
Using the HeaderStyle and BodyStyle properties on the server-side allowed me to separate CSS classes for the two:
ToolTip1.BodyStyle.CssClass = "toolTipBody";
ToolTip1.HeaderStyle.CssClass = "toolTipHeader";


It wasnt clear to me in the Help that I should go this way...

I still maintained the CSS in the original file, only I separated the header and body code into two classes.

It made the appearance much better!
Thanks.
eo_support
Posted: Thursday, August 2, 2012 2:16:35 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,195
Hi,

If you want to set them together, you set PopupStyle, this has very much the same effect as setting CssClass.

If you want something additional/special for header and content, you can then set HeaderStyle/ContentStyle.

Hope this clears up.

Thanks!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.