|
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.
|
|
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!
|
|
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";
|
|
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.aspxThanks
|
|
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.
|
|
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!
|
|