Hide Dots at bottom in ImageSlider Mode

2 posts, 0 answers
  1. Charles
    Charles avatar
    30 posts
    Member since:
    Feb 2013

    Posted 08 Oct 2015 Link to this post

    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>
            <AnimationSettings SlideshowSlideDuration="5000">
                <NextImagesAnimation Type="Fade" Speed="2700"></NextImagesAnimation>
                <PrevImagesAnimation Type="Fade" Speed="2700"></PrevImagesAnimation>
        <PagerStyle ShowPagerText="False" ></PagerStyle>

    Thanks for your help.



  2. Viktor Tachev
    Viktor Tachev avatar
    1444 posts

    Posted 09 Oct 2015 Link to this post

    Hi Charles,

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

    .rigDotList {
        display: none;

    Viktor Tachev
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. DevCraft R3 2016 release webinar banner
Back to Top