RadRotator Bullets

[David]

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

[Rumen]

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

[David]

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

[Yana]

Hi David,

Please add also the following styles:

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

All the best,
Yana
the Telerik team

[David]

Thanks Yana,

That worked!

Cheers