Hiding thumbnails by default

7 posts, 0 answers
  1. arnaud
    arnaud avatar
    104 posts
    Member since:
    Jul 2008

    Posted 06 Mar 2014 Link to this post

    Hi,

    Thank you for this new control, very useful one.

    1) I would like to have the possibility to hide the thumbnails area (Image display area mode) (I don't want the ImageSlider or ImageSliderPreview dots)
    Is there a proper way to do it ?
    Right now i'm doing :
     <ThumbnailsAreaSettings Height="0" Width="0" />
    <ToolbarSettings ShowThumbnailsToggleButton="false" />

    2) On your client side binding demo, why is there a kind of loading animation when you switch from one picture to another ? (Reproduce it here : http://demos.telerik.com/aspnet-ajax/image-gallery/examples/data-binding/client-side-binding/defaultcs.aspx)

    3) Could you provide a exemple (if possible) of how you would use the control with web service binding using PageMethods.GetData ? (similar to this demo : http://demos.telerik.com/aspnet-ajax/listview/examples/client/programmaticdatabinding/defaultcs.aspx)

    Thanks
    Arnaud
  2. Antonio Stoilkov
    Admin
    Antonio Stoilkov avatar
    530 posts

    Posted 11 Mar 2014 Link to this post

    Hi Arnaud,

    There is no property for hiding the RadImageGallery ThumbnailsArea so setting Height and Width to zero should be enough. Additionally, the loading animation represents a RadAjaxLoadingPanel which indicates the next image loading. You could optionally hide it by setting the RadImageGallery.LoadingPanel.Visible property to false.

    In order to bind the RadImageGallery from a PageMethod you could retrieve the data loop through the returned items and manually create each of the RadImageGallery items as shown in the client-side binding demo.

    Regards,
    Antonio Stoilkov
    Telerik

    DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. arnaud
    arnaud avatar
    104 posts
    Member since:
    Jul 2008

    Posted 24 Mar 2014 in reply to Antonio Stoilkov Link to this post

    Thanks Antonio.

    In next component version, could you replace the <h4> tag (<h4 class="rigTitle"></h4>) by another tag (not a hxx one) for seo purpose ?
  5. Antonio Stoilkov
    Admin
    Antonio Stoilkov avatar
    530 posts

    Posted 27 Mar 2014 Link to this post

    Hi,

    We have designed the RadImageGallery with SEO and fully descriptive HTML in mind. The image title is wrapped inside a <h4> because it presents a main information for the image. The other reason is that the HTML becomes more descriptive because a Heading tab is suitable for titles.

    Additionally, you could go to our Feedback Portal and create a new feature request by clicking on the Suggest New button and let people vote for your suggestion.
    Regards,
    Antonio Stoilkov
    Telerik
     

    Build cross-platform mobile apps using Visual Studio and .NET. Register for the online webinar on 03/27/2014, 11:00AM US ET.. Seats are limited.

     
  6. Sam
    Sam avatar
    60 posts
    Member since:
    Mar 2011

    Posted 25 Aug 2014 in reply to Antonio Stoilkov Link to this post

    Just in case anyone else is looking to hide the thumbnails by default, here is what I ended up doing. Add the following event handler to the Image Gallery onImageGalleryCreated event. 

    function OnImageGalleryCreated(sender, args) {
     var tnArea = sender.get_thumbnailsArea();
     tnarea.toggle();
    }

    Otherwise, the toggle button will be out of sync the first time. 
  7. arnaud
    arnaud avatar
    104 posts
    Member since:
    Jul 2008

    Posted 11 Mar 2015 in reply to Antonio Stoilkov Link to this post

    Hi Antonio,

    One year later, I still think the <h4 class="rigTitle"></h4> should be removed for SEO purpose.
    Your comment above was, a year ago, quite valid.

    Today however we have the possiblity to add HTML template to the image Gallery so I can't see why you still 'force' us to have the <h4> tag.

    In my case, I don't have any description for my images, juste a simple gallery defined like that :

    <telerik:RadImageGallery ID="RadImageGallery1" runat="server" Height="100%" Skin="Bootstrap" ClientDataSourceID="RadClientDataSource1" RenderMode="Auto" DataImageField="url1" DisplayAreaMode="Image">
                                <ThumbnailsAreaSettings Mode="ImageSliderPreview" />
                                <ToolbarSettings Position="None" />
                                <ClientSettings>
                                    <ClientEvents OnImageGalleryCreated="onImageGalleryCreated" />
                                    <AnimationSettings>
                                        <PrevImagesAnimation Type="Fade" Speed="1500" />
                                        <NextImagesAnimation Type="Fade" Speed="1500" />
                                    </AnimationSettings>
                                </ClientSettings>

                            </telerik:RadImageGallery>

    In this case, you have empty h4 tags for all the images.

    And by the way, why h4 and not h5 or h6, etc ..

    Well, you got my point.

    Thanks
    Arnaud
  8. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 16 Mar 2015 Link to this post

    Hi Arnaud,

    I will forward your report to our development team, so that they could further research on this case and optimize the RadImageGallery rendered HTML is possible.

    Thank you for your feedback.

    Regards,
    Maria Ilieva
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

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