Hi again, please let me know if I need to open a new post, as this issue is evolving).
I have the Full Screen set to use the users click event. However, under a specific scenario, it will exit full screen mode prematurely. Here is the scenario:
RadImageGallery loaded (via server-side) with the following items, in the following order:
image (ImageGalleryItem)
video (ImageGalleryTemplateItem, loaded from ITemplate)
image (ImageGalleryItem)
image (ImageGalleryItem)
On page load, let's say user starts in non-FullScreen. User clicks Full Screen button, when user clicks next (to the video, for the first render) it exits FullScreen. How can I prevent this full screen exit?
Here is the relevant code (I tried to attach a zipped sample project, but apparently I can only attach images):
aspx:
<telerik:RadImageGallery ID="PresentationView_RadImageGallery" CssClass="PresentationView_RadImageGallery" RenderMode="Auto" BackColor="Transparent" runat="server">
<ImageAreaSettings NavigationMode="Button" />
<ThumbnailsAreaSettings Mode="Thumbnails" />
<ToolbarSettings ShowItemsCounter="true" ItemsCounterFormat="Slide {0} of {1}" />
<ClientSettings AllowKeyboardNavigation="true">
<ClientEvents />
</ClientSettings>
</telerik:RadImageGallery>
aspx.cs
public class VideoTemplate : ITemplate {
private readonly string _VideoFile;
private readonly string _VideoTitle;
private readonly string _PosterImage;
public VideoTemplate(string VideoFile, string VideoTitle, string PosterImage) {
_VideoFile = VideoFile;
_VideoTitle = VideoTitle;
_PosterImage = PosterImage;
}
public void InstantiateIn(Control container) {
RadMediaPlayer player = new RadMediaPlayer() {
ID = "RadMediaPlayer1",
CssClass = "PresentationView_RadImageGallery",
Width = Unit.Pixel(700),
Height = Unit.Pixel(366),
StartVolume = 60,
RenderMode = RenderMode.Lightweight,
AutoPlay = false,
Title = _VideoTitle,
//Poster = _PosterImage,
Source = _VideoFile
};
player.Load += (s, a) => {
player.TitleBar.ShareButton.Visible = false;
player.ToolBar.FullScreenButton.Visible = false;
player.ToolBar.HDButton.Visible = false;
player.ToolBar.SubtitlesButton.Visible = false;
player.BackColor = Color.Transparent;
};
container.Controls.Add(player);
}
}
protected override void OnInit(EventArgs e) {
// Slide 1 - Image
ImageGalleryItem igi1 = new ImageGalleryItem();
igi1.Title = "Title 0";
igi1.Description = "0";
var igi1Path = "\\tmp\\1_1\\000ca185-e15e-4e40-a098-56efe52c1fbe\\0_5_6723e283-2a53-42e9-8c4d-9615a93fe32e.jpg";
igi1.ImageUrl = igi1Path;
igi1.ThumbnailUrl = igi1Path;
PresentationView_RadImageGallery.Items.Add(igi1);
// Slide 2 - Video
ImageGalleryTemplateItem igti = new ImageGalleryTemplateItem();
igti.Title = "Title 1";
igti.Description = "1";
igti.ThumbnailUrl = "\\tmp\\1_1\\000ca185-e15e-4e40-a098-56efe52c1fbe\\1_5_3dcfbcab-a72a-47da-abac-5c62831379e1_thumbnail_w.jpg";
igti.ContentTemplate = new VideoTemplate("tmp\\1_1\\000ca185-e15e-4e40-a098-56efe52c1fbe\\1_5_3dcfbcab-a72a-47da-abac-5c62831379e1.mp4", igti.Title, igti.ThumbnailUrl);
PresentationView_RadImageGallery.Items.Add(igti);
// Slide 3 - Image
ImageGalleryItem igi2 = new ImageGalleryItem();
igi2.Title = "Title 2";
igi2.Description = "2";
var igi2Path = "\\tmp\\1_1\\000ca185-e15e-4e40-a098-56efe52c1fbe\\2_5_fe726b92-dabc-4bc3-9458-70eb3df42d5e.jpg";
igi2.ImageUrl = igi2Path;
igi2.ThumbnailUrl = igi2Path;
PresentationView_RadImageGallery.Items.Add(igi2);
// Slide 4 - Image
ImageGalleryItem igi3 = new ImageGalleryItem();
igi3.Title = "Title 3";
igi3.Description = "3";
var igi3Path = "\\tmp\\1_1\\000ca185-e15e-4e40-a098-56efe52c1fbe\\3_5_8b234313-4492-4376-aa33-9788ee6a768c.jpg";
igi3.ImageUrl = igi3Path;
igi3.ThumbnailUrl = igi3Path;
PresentationView_RadImageGallery.Items.Add(igi3);
PresentationView_RadImageGallery.DataBind();
}
protected void Page_Load(object sender, EventArgs e) {
}