I have a problem with toolTip and Rotator.
The CSS file is changing the style of tooltip (munual closer) and the buttons on the Rotator.
PrtScn
How can I solve this problem?
The CSS is in the Master Page.
CSS :
Rotator code:
The CSS file is changing the style of tooltip (munual closer) and the buttons on the Rotator.
PrtScn
How can I solve this problem?
The CSS is in the Master Page.
CSS :
a{ } a:hover{ color: #fff; text-decoration: overline; background-image: url('../imagens/boton1.gif');}Rotator code:
<telerik:RadRotator ID="RadRotator1" runat="server" Width="950px" Height="160px" ScrollDuration="2000" FrameDuration="1" ItemHeight="137" ItemWidth="227" RotatorType="Buttons" ScrollDirection="Left,Right" Skin="Vista" OnClientItemClicked="viewCamp"> <ItemTemplate> <div id="div_campanhas" style=" vertical-align: middle; text-align: center;" runat="server" align="center"> <asp:Image ID="Image1" runat="server" AlternateText='<%# Eval("cod_campanha") %>' ImageUrl='<%# "comum/imagens/catalogo1/" + Eval("cod_campanha")+".gif"%>' ImageAlign="Middle" /> </div> </ItemTemplate></telerik:RadRotator>1 Answer, 1 is accepted
0
rdmptn
Top achievements
Rank 1
Rank 1
answered on 30 May 2012, 04:48 PM
So, how are you opening your tooltips? How have you attached them? Where have you attached them? What is their markup? Which is the version you are using? Is it the latest?
Right now I can only see that you are using a global selector for the anchor tags, which is something you shouldn't. Add a class to them, or cascade through some container. Such a global rule will most likely cause problems with styling later on.
Also, in case you are opening the tooltips via JavaScript from the OnClientItemClicked event of the rotator do take a look at this sticky thread: http://www.telerik.com/community/forums/aspnet-ajax/tooltip/changing-targetcontrol-on-the-client.aspx.
What I actually see in your screenshot is a tooltip that looks like the page has RTL mode turned on, a rotator that has its buttons in the wrong place and nothimg more, so I would advise you to remove all your own CSS and see whether this resolves the problem. If it does - then some global rule from them is interfering with the RadControls - find it and make it more specific.
In the meantime you can try the tooltip's RenderInPageRoot property - set it to true to avoid interference from their direct parent as much as possible.
Right now I can only see that you are using a global selector for the anchor tags, which is something you shouldn't. Add a class to them, or cascade through some container. Such a global rule will most likely cause problems with styling later on.
Also, in case you are opening the tooltips via JavaScript from the OnClientItemClicked event of the rotator do take a look at this sticky thread: http://www.telerik.com/community/forums/aspnet-ajax/tooltip/changing-targetcontrol-on-the-client.aspx.
What I actually see in your screenshot is a tooltip that looks like the page has RTL mode turned on, a rotator that has its buttons in the wrong place and nothimg more, so I would advise you to remove all your own CSS and see whether this resolves the problem. If it does - then some global rule from them is interfering with the RadControls - find it and make it more specific.
In the meantime you can try the tooltip's RenderInPageRoot property - set it to true to avoid interference from their direct parent as much as possible.