Hiding thumbnails by default

[arnaud]

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

[Antonio Stoilkov]

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

[arnaud]

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 ?

[Antonio Stoilkov]

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.

• http://feedback.telerik.com/Project/108/Feedback/List/Feature%20Request

Regards,
Antonio Stoilkov
Telerik

 

 

[Sam]

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. 

[arnaud]

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

[Maria Ilieva]

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