Hi,

I have an image gallery control that gets the image items added to it at runtime. After the page is done loading, the default main image is blank. How do I programmatically set the main image to the first image?

I've attached a screenshot of the function that adds the image items as well as the finished rendered page result.

Thanks

The get_width()/get_height() methods of RadImageGalleryItem always return null:

https://docs.telerik.com/devtools/aspnet-ajax/controls/imagegallery/client-side-programming/imagegalleryitem-object

Sample code:

$find('<%=RadImageGallery1.ClientID%>').get_items().getItem(0).get_width()

Add ability to define common layout template for the ImageGallery LightBox popup, allowing to define common layout for all image items (including buttons, toolbar, etc.)

Hi,

i would love to have a n option to set the Gallerry to keep the title and text visible when the Gallery is in play mode, until the user pause the gallery or move the mouse out.

a work around was provided to me by Attila, which works fine, but i think it should be a built in property.

Thanks a lot,

ilan.

https://www.screencast.com/t/uEns65TeVAW

Slideshow rendering messed up in Chrome. After any slide comes in a segment the right side is corrupted as shown in the attached image.

The bug is reproduced if you set the animation to loop and fire the play button. After that leave the slider to work non-stop for 10-15 minutes and you'll see the corrupted rendering.

Here is some test code:
  <telerik:RadImageGallery  ID="RadImageGallery1" Width="100%" LoopItems="true" 
                                    ImagesFolderPath="slides" runat="server" DisplayAreaMode="Image" Height="450px">
                                    <ClientSettings>
                                        <AnimationSettings   SlideshowSlideDuration="6000">
                                            <NextImagesAnimation Type="Random" Easing="Random"  Speed="3000" />
                                            <PrevImagesAnimation Type="Random" Easing="Random" Speed="3000" />
                                        </AnimationSettings>
                                    </ClientSettings>
                                    <ThumbnailsAreaSettings Position="Left" Width="0" Mode="ImageSlider" ScrollOrientation="Vertical" />
                                    <ImageAreaSettings ShowDescriptionBox="false" NavigationMode="Zone" Height="100%" />
 </telerik:RadImageGallery>

Can a Target Property be added to ImageGalleryItem?  

Since the recent addition of NavigateURL property, it seems logical to have the Target Property available rather than using script. 
The new NavigateURL property is not used whenever you need to specify a target as script must do the job.

If any item (other than the first) is an ImageGalleryTemplateItem and user enters full screen on PageLoad,  when clicking next, if that next item is the ImageGalleryTemplateItem, the user will be force out of full screen mode.

When using the RadImageGallery and pointing it to a folder on the webserver, I'd like to be able to use the filename as the title or caption of the image.

I'd also like to have a hybrid of data in a database for captions/links/etc. while pointing to a folder of images.  I'm not sure how this option would work, but it seems like it would be handy for company intranet sites where you post a lot of pictures of meetings and birthday parties.

I'm trying to make the images slide in and out in a right to left direction. So the current image slides to the left and the new image slides in from the right in a right to left direction.  At the moment the slide going out is working fine but the slide coming in comes in from the left and I can't seem to change it.

But I think this requires a new animation.

When databinding to the RadImageGallery can we have access to the OnItemDataBond event like we do with other databound controls.

http://www.telerik.com/forums/fire-a-pop-up-from-displayed-image#w7LtyC-2KUC07Y1GcJZ1Lg

Currently, only the ALT tag is created in Image Gallery. It would be nice if the TITLE tag is also created.

http://www.telerik.com/forums/title-tag-in-html

The new gesture controls in Mobile RadImageGallery seemed like a great thing until I tried them. Improvements needed...

1. The left/right swiping isn't smooth at all, I expect it to swipe in real time. As I swipe my thumb I want to see the images actually sliding with the swipe.

2. I'd like to be able to disable JUSt the up/down gesture AND also be able to disable ALL gestures completely. The problem is that a tall image gallery on a short phone (iphone 4, etc) makes it very difficult to scroll the mobile web page down. Since the image will take up most of the screen real estate, you have no place to put your thumb to initial a page scroll. If I could disable up/down gesture it could let me still scroll the page when I start on the image. If that isn't possible, give me a way to disable all gesture controls to let it work like the old image gallery. I'm shocked this isn't possible, it's as if nobody tested page scrolling to see what a major issue this is. Screen shot attached showing issue on iPhone 4...and this is AFTER we made our image gallery shorter. Very littler non image gallery real estate to initiate a scroll from now.

Hi,

As you just added server side ContentTemplate capability to the RadImageGallery, it would make sens to add a ClientTemplate as well for people using the clientside binding (like the rotator have).

Thanks
Arnaud

Hi,

The actual RadImageGallery is not fully responsive : the height of the component (rigItemBox class) keeps its initial height when browser resized. See initial.jpg and resized.jpg as examples.

The desire fonctionnality can be acheived by adding some css or javascript but it would be nice to have this fonctionnality natively (using all possible modes : imagesfolder, RadClientDataSource, etc.)

Thanks
Arnaud

It would be nice to have a 'PauseOnMouseOver' property on the RadImageGallery like the RadRotator have.

Especially in the case when the toolbar is hidden (<ToolbarSettings Position="None" />) and autostart is on : 

function pageLoad() {
                $find('<%=RadImageGallery1.ClientID%>').playSlideshow();
            } 

Thank You
Arnaud