ShowNextPrevImageButtons not showing always

[Pradeep Deshpande]

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>​

 

[Maria Ilieva]

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