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

ShowNextPrevImageButtons not showing always

1 Answer 19 Views
ImageGallery
This is a migrated thread and some comments may be shown as answers.
Pradeep Deshpande
Top achievements
Rank 1
Pradeep Deshpande asked on 04 Nov 2015, 04:18 PM

Hi,

I am using RadImageGallery to show the dynamic charts through the URL. I want Previous and Next arrow image should show always. But once i click right or left arrow then after postback arrow image not showing in IE. But in chrome arrow showing properly.

Telerik Version: 2015.2.623.40

Please find the attached gif file. Please help me to fix this issues in IE.

 My code:

 <telerik:RadImageGallery runat="server" ID="RadImgGal" PreventDefaultGestures="false" Skin="Black" Width="100%" Height="100%">

                            <Items>
                            </Items>

                            <ThumbnailsAreaSettings Mode="ImageSliderPreview" />
                            <ImageAreaSettings ShowNextPrevImageButtons="true" NavigationMode="Zone" />
                            <ToolbarSettings ShowSlideshowButton="false" Position="Bottom" />
                            <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" Enabled="True" Key="Y" Modifiers="Ctrl" />
                                        <telerik:ImageGalleryShortcut Command="Prev" Enabled="True" Key="LeftArrow" Modifiers="None" />
                                        <telerik:ImageGalleryShortcut Command="Next" Enabled="True" Key="RightArrow" Modifiers="None" />
                                        <telerik:ImageGalleryShortcut Command="Up" Enabled="True" Key="UpArrow" Modifiers="None" />
                                        <telerik:ImageGalleryShortcut Command="Down" Enabled="True" Key="DownArrow" Modifiers="None" />
                                        <telerik:ImageGalleryShortcut Command="MoveToFirst" Enabled="True" Key="Home" Modifiers="None" />
                                        <telerik:ImageGalleryShortcut Command="MoveToLast" Enabled="True" Key="End" Modifiers="None" />
                                        <telerik:ImageGalleryShortcut Command="PrevView" Enabled="True" Key="LeftArrow" Modifiers="Alt" />
                                        <telerik:ImageGalleryShortcut Command="NextView" Enabled="True" Key="RightArrow" Modifiers="Alt" />
                                        <telerik:ImageGalleryShortcut Command="PrevView" Enabled="True" Key="UpArrow" Modifiers="Alt" />
                                        <telerik:ImageGalleryShortcut Command="NextView" Enabled="True" Key="DownArrow" Modifiers="Alt" />
                                        <telerik:ImageGalleryShortcut Command="Select" Enabled="True" Key="Enter" Modifiers="None" />
                                        <telerik:ImageGalleryShortcut Command="Close" Enabled="True" Key="Escape" Modifiers="None" />
                                        <telerik:ImageGalleryShortcut Command="ToggleSlideshow" Enabled="True" Key="Space" Modifiers="None" />
                                        <telerik:ImageGalleryShortcut Command="ToggleFullScreen" Enabled="True" Key="F" Modifiers="None" />
                                        <telerik:ImageGalleryShortcut Command="ToggleThumbnails" Enabled="True" Key="T" Modifiers="None" />
                                        <telerik:ImageGalleryShortcut Command="PrevPage" Enabled="True" Key="PageDown" Modifiers="None" />
                                        <telerik:ImageGalleryShortcut Command="NextPage" Enabled="True" Key="PageUp" Modifiers="None" />
                                    </Shortcuts>
                                </KeyboardNavigationSettings>

                                <AnimationSettings SlideshowSlideDuration="3000">
                                    <NextImagesAnimation Type="Blocks" Easing="EaseOutSine" Speed="2500" />
                                    <PrevImagesAnimation Type="Blocks" Easing="EaseOutSine" Speed="2500" />
                                </AnimationSettings>
                            </ClientSettings>
                            <PagerStyle AlwaysVisible="True" />
                        </telerik:RadImageGallery>‚Äč

 

1 Answer, 1 is accepted

Sort by
0
Maria Ilieva
Telerik team
answered on 09 Nov 2015, 02:05 PM
Hello,

I tried to replicate the issue on my end by using your code, but to no avail. Find my test project attached and let me know what the difference in your case is.

Regards,
Maria Ilieva
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
Tags
ImageGallery
Asked by
Pradeep Deshpande
Top achievements
Rank 1
Answers by
Maria Ilieva
Telerik team
Share this question
or