This is a migrated thread and some comments may be shown as answers.

Problem style Tooltip and Rotator

1 Answer 58 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Robson
Top achievements
Rank 2
Robson asked on 29 May 2012, 02:05 PM
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 : 
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

Sort by
0
rdmptn
Top achievements
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.
Tags
ToolTip
Asked by
Robson
Top achievements
Rank 2
Answers by
rdmptn
Top achievements
Rank 1
Share this question
or