ShowNextPrevImageButtons not showing always

2 posts, 0 answers
  1. Pradeep Deshpande
    Pradeep Deshpande avatar
    8 posts
    Member since:
    Sep 2009

    Posted 04 Nov 2015 Link to this post

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

     

  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 09 Nov 2015 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top