Navigation buttons Ima

6 posts, 1 answers
  1. Cristian
    Cristian avatar
    9 posts
    Member since:
    Aug 2013

    Posted 25 Jun 2015 Link to this post

    Hi guys.

     

    I´m new using RadImageGallery, and I was wondering if is it possible  to change the image of previous and next image in the ImageArea.

    Can you please help me how to achieve this goal?.

     

    Best regards.

    Cristian.

  2. Cristian
    Cristian avatar
    9 posts
    Member since:
    Aug 2013

    Posted 29 Jun 2015 Link to this post

    Any help?

     

    I tried adding the following  class inmy css but it doesn't work

     .RadImageGallery_Default .rigNextButton
      {
       background-image: url("../img/Next.png")!important;

    }

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Eyup
    Admin
    Eyup avatar
    3014 posts

    Posted 30 Jun 2015 Link to this post

    Hi Cristian,

    Please try the following rule and let me know about the result:
    <style type="text/css">
        div.RadImageGallery .rigActionButton.rigNextButton {
            background-image: url(Images/ig1.png);
        }
    </style>

    That should do the trick. Looking forward to your reply.

    Regards,
    Eyup
    Telerik
    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
  5. Cristian
    Cristian avatar
    9 posts
    Member since:
    Aug 2013

    Posted 30 Jun 2015 in reply to Eyup Link to this post

    Hi Eyup.

    Just implemented the code you provide and it just dessapear  the default image instead of putting the new image

    here is the declaration of my gallert.

          <telerik:RadImageGallery ID="RadImageGallery2" runat="server"    ShowLoadingPanel="True"  BackColor="#F2F2F2"     OnNeedDataSource="RadImageGallery2_NeedDataSource" DataDescriptionField="descripcion" DataImageField="archivo"
                    DataTitleField="descripcion" Width="850px" Height="100%" LoopItems="True" OnItemDataBound="RadImageGallery2_ItemDataBound">
     
                    <ThumbnailsAreaSettings ThumbnailWidth="53px" ThumbnailHeight="80px" Height="80px"  ThumbnailsSpacing ="2px"/>
        
                    <ImageAreaSettings Width="850px" Height="100%" />
                    <ToolbarSettings ItemsCounterFormat="Imagen {0} de {1}" ShowFullScreenButton="False"/>
     
    <ClientSettings>
    <KeyboardNavigationSettings><Shortcuts>
        <telerik:ImageGalleryShortcut Command="Focus" Enabled="False" Key="Y" Modifiers="Ctrl" />
        <telerik:ImageGalleryShortcut Command="Prev" Enabled="False" Key="LeftArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Next" Enabled="False" Key="RightArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Up" Enabled="False" Key="UpArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Down" Enabled="False" Key="DownArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="MoveToFirst" Enabled="False" Key="Home" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="MoveToLast" Enabled="False" Key="End" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="PrevView" Enabled="False" Key="LeftArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="NextView" Enabled="False" Key="RightArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="PrevView" Enabled="False" Key="UpArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="NextView" Enabled="False" Key="DownArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="Select" Enabled="False" Key="Enter" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Close" Enabled="False" Key="Escape" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="ToggleSlideshow" Enabled="False" Key="Space" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="ToggleFullScreen" Enabled="False" Key="F" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="ToggleThumbnails" Enabled="False" Key="T" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="PrevPage" Enabled="False" Key="PageDown" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="NextPage" Enabled="False" Key="PageUp" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Focus" Enabled="False" Key="Y" Modifiers="Ctrl" />
        <telerik:ImageGalleryShortcut Command="Prev" Enabled="False" Key="LeftArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Next" Enabled="False" Key="RightArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Up" Enabled="False" Key="UpArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Down" Enabled="False" Key="DownArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="MoveToFirst" Enabled="False" Key="Home" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="MoveToLast" Enabled="False" Key="End" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="PrevView" Enabled="False" Key="LeftArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="NextView" Enabled="False" Key="RightArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="PrevView" Enabled="False" Key="UpArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="NextView" Enabled="False" Key="DownArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="Select" Enabled="False" Key="Enter" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Close" Enabled="False" Key="Escape" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="ToggleSlideshow" Enabled="False" Key="Space" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="ToggleFullScreen" Enabled="False" Key="F" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="ToggleThumbnails" Enabled="False" Key="T" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="PrevPage" Enabled="False" Key="PageDown" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="NextPage" Enabled="False" Key="PageUp" Modifiers="None" />
    <telerik:ImageGalleryShortcut Command="Focus" Key="Y" Modifiers="Ctrl" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Prev" Key="LeftArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Next" Key="RightArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Up" Key="UpArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Down" Key="DownArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="MoveToFirst" Key="Home" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="MoveToLast" Key="End" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevView" Key="LeftArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextView" Key="RightArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevView" Key="UpArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextView" Key="DownArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Select" Key="Enter" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Close" Key="Escape" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleSlideshow" Key="Space" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleFullScreen" Key="F" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleThumbnails" Key="T" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevPage" Key="PageDown" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextPage" Key="PageUp" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
        <telerik:ImageGalleryShortcut Command="Focus" Enabled="False" Key="Y" Modifiers="Ctrl" />
        <telerik:ImageGalleryShortcut Command="Prev" Enabled="False" Key="LeftArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Next" Enabled="False" Key="RightArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Up" Enabled="False" Key="UpArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Down" Enabled="False" Key="DownArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="MoveToFirst" Enabled="False" Key="Home" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="MoveToLast" Enabled="False" Key="End" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="PrevView" Enabled="False" Key="LeftArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="NextView" Enabled="False" Key="RightArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="PrevView" Enabled="False" Key="UpArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="NextView" Enabled="False" Key="DownArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="Select" Enabled="False" Key="Enter" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Close" Enabled="False" Key="Escape" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="ToggleSlideshow" Enabled="False" Key="Space" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="ToggleFullScreen" Enabled="False" Key="F" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="ToggleThumbnails" Enabled="False" Key="T" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="PrevPage" Enabled="False" Key="PageDown" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="NextPage" Enabled="False" Key="PageUp" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Focus" Enabled="False" Key="Y" Modifiers="Ctrl" />
        <telerik:ImageGalleryShortcut Command="Prev" Enabled="False" Key="LeftArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Next" Enabled="False" Key="RightArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Up" Enabled="False" Key="UpArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Down" Enabled="False" Key="DownArrow" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="MoveToFirst" Enabled="False" Key="Home" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="MoveToLast" Enabled="False" Key="End" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="PrevView" Enabled="False" Key="LeftArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="NextView" Enabled="False" Key="RightArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="PrevView" Enabled="False" Key="UpArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="NextView" Enabled="False" Key="DownArrow" Modifiers="Alt" />
        <telerik:ImageGalleryShortcut Command="Select" Enabled="False" Key="Enter" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="Close" Enabled="False" Key="Escape" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="ToggleSlideshow" Enabled="False" Key="Space" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="ToggleFullScreen" Enabled="False" Key="F" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="ToggleThumbnails" Enabled="False" Key="T" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="PrevPage" Enabled="False" Key="PageDown" Modifiers="None" />
        <telerik:ImageGalleryShortcut Command="NextPage" Enabled="False" Key="PageUp" Modifiers="None" />
    <telerik:ImageGalleryShortcut Command="Focus" Key="Y" Modifiers="Ctrl" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Prev" Key="LeftArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Next" Key="RightArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Up" Key="UpArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Down" Key="DownArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="MoveToFirst" Key="Home" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="MoveToLast" Key="End" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevView" Key="LeftArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextView" Key="RightArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevView" Key="UpArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextView" Key="DownArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Select" Key="Enter" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Close" Key="Escape" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleSlideshow" Key="Space" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleFullScreen" Key="F" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleThumbnails" Key="T" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevPage" Key="PageDown" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextPage" Key="PageUp" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Focus" Key="Y" Modifiers="Ctrl" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Prev" Key="LeftArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Next" Key="RightArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Up" Key="UpArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Down" Key="DownArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="MoveToFirst" Key="Home" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="MoveToLast" Key="End" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevView" Key="LeftArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextView" Key="RightArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevView" Key="UpArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextView" Key="DownArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Select" Key="Enter" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Close" Key="Escape" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleSlideshow" Key="Space" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleFullScreen" Key="F" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleThumbnails" Key="T" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevPage" Key="PageDown" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextPage" Key="PageUp" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Focus" Key="Y" Modifiers="Ctrl" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Prev" Key="LeftArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Next" Key="RightArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Up" Key="UpArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Down" Key="DownArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="MoveToFirst" Key="Home" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="MoveToLast" Key="End" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevView" Key="LeftArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextView" Key="RightArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevView" Key="UpArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextView" Key="DownArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Select" Key="Enter" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Close" Key="Escape" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleSlideshow" Key="Space" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleFullScreen" Key="F" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleThumbnails" Key="T" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevPage" Key="PageDown" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextPage" Key="PageUp" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Focus" Key="Y" Modifiers="Ctrl" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Prev" Key="LeftArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Next" Key="RightArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Up" Key="UpArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Down" Key="DownArrow" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="MoveToFirst" Key="Home" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="MoveToLast" Key="End" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevView" Key="LeftArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextView" Key="RightArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevView" Key="UpArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextView" Key="DownArrow" Modifiers="Alt" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Select" Key="Enter" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Close" Key="Escape" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleSlideshow" Key="Space" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleFullScreen" Key="F" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleThumbnails" Key="T" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevPage" Key="PageDown" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextPage" Key="PageUp" Modifiers="None" Enabled="False"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Focus" Key="Y" Modifiers="Ctrl" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Prev" Key="LeftArrow" Modifiers="None" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Next" Key="RightArrow" Modifiers="None" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Up" Key="UpArrow" Modifiers="None" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Down" Key="DownArrow" Modifiers="None" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="MoveToFirst" Key="Home" Modifiers="None" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="MoveToLast" Key="End" Modifiers="None" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevView" Key="LeftArrow" Modifiers="Alt" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextView" Key="RightArrow" Modifiers="Alt" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevView" Key="UpArrow" Modifiers="Alt" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextView" Key="DownArrow" Modifiers="Alt" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Select" Key="Enter" Modifiers="None" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="Close" Key="Escape" Modifiers="None" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleSlideshow" Key="Space" Modifiers="None" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleFullScreen" Key="F" Modifiers="None" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="ToggleThumbnails" Key="T" Modifiers="None" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="PrevPage" Key="PageDown" Modifiers="None" Enabled="True"></telerik:ImageGalleryShortcut>
    <telerik:ImageGalleryShortcut Command="NextPage" Key="PageUp" Modifiers="None" Enabled="True"></telerik:ImageGalleryShortcut>
    </Shortcuts>
    </KeyboardNavigationSettings>
    </ClientSettings>
                </telerik:RadImageGallery>

    I'm attaching a print screen of the behavior

  6. Answer
    Eyup
    Admin
    Eyup avatar
    3014 posts

    Posted 03 Jul 2015 Link to this post

    Hi Cristian,

    Perhaps your image is loaded, but not visible yet. You can try to modify the rule a little bit:
    div.RadImageGallery .rigActionButton.rigNextButton {
        background: url(arrow.png) no-repeat center center;
    }

    Let me know how this works.

    Regards,
    Eyup
    Telerik
    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
  7. Cristian
    Cristian avatar
    9 posts
    Member since:
    Aug 2013

    Posted 03 Jul 2015 in reply to Eyup Link to this post

     Thanks Eyup, It works like a charm

     

    Best Regards.

    Cristian

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