RadRotator Bullets

5 posts, 0 answers
  1. David
    David avatar
    18 posts
    Member since:
    Jun 2010

    Posted 03 Dec 2010 Link to this post

    Hi,

    I've got a rotator displaying images. Each image has a bullet next to it which I'd like to remove

    I've tried over-riding the style with no success.

    <telerik:RadRotator ID="RadRotator1" runat="server" Width="700px" Height="300px" ItemWidth="250px" ItemHeight="300px"
                    ScrollDirection="Left, Right" ScrollDuration="500"
                    FrameDuration="2000" PauseOnMouseOver="false" RotatorType="ButtonsOver" InitialItemIndex="4"
                    style="list-style-type:none;">
                    <ItemTemplate>
                        <asp:Image ID="Image1" runat="server" ImageUrl='<%# Container.DataItem %>' AlternateText="<%# VirtualPathUtility.GetFileName(Container.DataItem.ToString()) %>" style="list-style-type:none;"/>
                    </ItemTemplate>
                </telerik:RadRotator>

    Any ideas?

    Thanks
  2. Rumen
    Admin
    Rumen avatar
    12851 posts

    Posted 09 Dec 2010 Link to this post

    Hello David,

    The problem is most likely due to some global UL, LI CSS class in your stylesheet that is breaking the appearance of RadRotator.

    My suggestion is to find the tag selector class which could be similar to this one

    ul li
    {
        list-style-type: circle;
    }

    and rewrite it to be class selector.

    You can also see whether the following class fixes the problem:

    <style type="text/css">
    .rrItemsList, .rrItem
    {
        list-style-type: none !important;
    }
    </style>

    Best wishes,
    Rumen
    the Telerik team
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. David
    David avatar
    18 posts
    Member since:
    Jun 2010

    Posted 09 Dec 2010 Link to this post

    Thanks adding

    .rrItemsList, .rrItem
    {
        list-style-type: none !important;
    }

    fixed the bullet in RadRotator.

    I've got  a simliar 'bullet' in RadAsynchUpload any ideas?

    Thanks
  5. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 14 Dec 2010 Link to this post

    Hi David,

    Please add also the following styles:

    .ruInputs, .ruInputs li {
      list-style-type: none !important;
    }


    All the best,
    Yana
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  6. David
    David avatar
    18 posts
    Member since:
    Jun 2010

    Posted 15 Dec 2010 Link to this post

    Thanks Yana,

    That worked!

    Cheers
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017