Problem style Tooltip and Rotator

2 posts, 0 answers
  1. Robson
    Robson avatar
    18 posts
    Member since:
    May 2012

    Posted 29 May 2012 Link to this post

    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>
  2. rdmptn
    rdmptn avatar
    72 posts
    Member since:
    Aug 2011

    Posted 30 May 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top