Hide Dots at bottom in ImageSlider Mode

[Charles]

I am using ImageGallery to show a rotating set of images without any thumbnails or controls. This is working fine except I can't figure out how to get rid of the little buttons at the bottom that indicate the position in the rotation. What setting turns these off? Here is what I have so far:

<telerik:RadImageGallery ID="RadImageGallery1" runat="server"  ImagesFolderPath="images/show" LoopItems="True" BackColor="White" AllowPaging="false" >
    <ThumbnailsAreaSettings ShowScrollButtons="False" Mode="ImageSlider" ShowScrollbar="false"></ThumbnailsAreaSettings>
    <ImageAreaSettings Width="318px" Height="170px" ShowDescriptionBox="False" ShowNextPrevImageButtons="False" NavigationMode="Zone"></ImageAreaSettings>
    <ToolbarSettings Position="None" ShowItemsCounter="False" ShowSlideshowButton="False" ShowFullScreenButton="False" ShowThumbnailsToggleButton="False"></ToolbarSettings>
    <ClientSettings>
        <AnimationSettings SlideshowSlideDuration="5000">
            <NextImagesAnimation Type="Fade" Speed="2700"></NextImagesAnimation>
            <PrevImagesAnimation Type="Fade" Speed="2700"></PrevImagesAnimation>
        </AnimationSettings>
    </ClientSettings>

    <PagerStyle ShowPagerText="False" ></PagerStyle>
</telerik:RadImageGallery>

Thanks for your help.

 

Charles

[Viktor Tachev]

Hi Charles,

You can hide the dots over the image by adding the following CSS rule.

.rigDotList {
    display: none;
}

Regards,
Viktor Tachev
Telerik