This is a migrated thread and some comments may be shown as answers.

Navigation buttons Ima

5 Answers 42 Views
ImageGallery
This is a migrated thread and some comments may be shown as answers.
Cristian
Top achievements
Rank 1
Cristian asked on 25 Jun 2015, 11:15 PM

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.

5 Answers, 1 is accepted

Sort by
0
Cristian
Top achievements
Rank 1
answered on 29 Jun 2015, 03:53 PM

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;

}

0
Eyup
Telerik team
answered on 30 Jun 2015, 11:36 AM
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
0
Cristian
Top achievements
Rank 1
answered on 30 Jun 2015, 02:38 PM

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

0
Accepted
Eyup
Telerik team
answered on 03 Jul 2015, 09:15 AM
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
0
Cristian
Top achievements
Rank 1
answered on 03 Jul 2015, 02:20 PM

 Thanks Eyup, It works like a charm

 

Best Regards.

Cristian

Tags
ImageGallery
Asked by
Cristian
Top achievements
Rank 1
Answers by
Cristian
Top achievements
Rank 1
Eyup
Telerik team
Share this question
or