I bound a datattable datasource to the RadImageGallery, therea huge images with a size > FullHD. I want to show the images with a size of maxX=800 and/or maxY=800. The aspx code looks like this
<telerik:RadImageGallery runat=
"server"
ID=
"IGAL1"
DisplayAreaMode=
"LightBox"
width=
"800px"
OnNeedDataSource=
"IGAL1_NeedDataSource"
DataDescriptionField=
"BEMERKUNG"
DataImageField=
"DOKUMENT_BLOB"
DataTitleField=
"NAME"
LoopItems=
"true"
ShowLoadingPanel=
"true"
>
<ToolbarSettings ShowSlideshowButton=
"true"
ShowItemsCounter=
"true"
ItemsCounterFormat=
"Images {0} of {1}"
/>
<ImageAreaSettings ShowDescriptionBox=
"true"
Height=
"800px"
Width="800px" ResizeMode=
"Fit"
CloseButtonText=
"Schließen"
NextImageButtonText=
"Nächstes Bild"
PrevImageButtonText=
"Vorheriges Bild"
/>
<ThumbnailsAreaSettings ThumbnailsSpacing=
"1px"
ThumbnailWidth=
"120px"
ThumbnailHeight=
"80px"
Height=
"80px"
ShowScrollbar=
"true"
ShowScrollButtons=
"true"
/>
</telerik:RadImageGallery>
If I click on a thumbnail the popup always fits the whole screen and ignore the width and hight settings of the RadImagegallery.
Someone gots a hint for me???
regs
Oliver
I found this post http://www.telerik.com/forums/how-can-i-add-mediaplayer-in-templateitem-from-code-behind#LMcMKDN-1kyBzTiLR_Sa2A whitch works fine if iprvide only video files. Now i got a db with images and videos and try to put them together in a ImageGallery. is there a way to publish such a Gellery with a mixture of images and videos. For images i don´t need a template bit für the videos i will do so. All the data are providet by a datatable in code behind.
Anyone gots some hints for me?
regs
Oliver
Hi to all,
I want to add images and videos to ImageGallery.
I've read the article https://demos.telerik.com/aspnet-ajax/image-gallery/examples/functionality/templates/defaultcs.aspx
but I have to add videos from code behind in VB.
Can anyone tell me how?
Thanks
I have a ImageGallery for showing all thumbnails in a page with Width="100%", which shows fine, but I can't figure out two things:
1. How do you get Height=100%? I want the gallery to fill the browser page.
2. On resize of the browser window, how do I get the control to resize and adjust the layout to match?
This is what I have for the control right now:
<
telerik:RadImageGallery
runat
=
"server"
ID
=
"rigItems"
DisplayAreaMode
=
"Thumbnails"
Width
=
"100%"
Visible
=
"true"
LoopItems
=
"false"
AllowPaging
=
"false"
ImagesFolderPath
=
"~/"
DataImageField
=
"ImageUrl"
DataTitleField
=
"ImageTitle"
DataThumbnailField
=
"ImageUrl"
OnNeedDataSource
=
"rigItems_NeedDataSource"
>
<
ImageAreaSettings
Height
=
"600px"
ResizeMode
=
"Fit"
/>
<
ThumbnailsAreaSettings
Height
=
"800px"
ShowScrollButtons
=
"false"
ThumbnailsSpacing
=
"1px"
ThumbnailHeight
=
"200"
ThumbnailWidth
=
"200"
Mode
=
"Thumbnails"
ScrollOrientation
=
"Vertical"
ShowScrollbar
=
"true"
/>
</
telerik:RadImageGallery
>
Hi, I have a RadImageGallery with DisplayAreaMode="LightBox".
It's possible remove from LightBox the button "Maximize Image"?
Thanks in advanced.
Is it possible to toggle Full Screen mode on the sever-side for the RadImageGallery control?
I have a RadImageGallery (inside a RadAjaxPanel), based on a users permissions and other variables (defined on the server-side), I want to be able to toggle whether or not the Gallery is displayed in Full Screen initially or not.
Thanks in advance!
I have a page that uses an asp:Repeater control to display images and would like to turn it into a Telerik Image Gallery. I can't find any documentation online about how to do that and I am getting errors saying: Type 'System.Web.UI.WebControls.Repeater' does not have a public property named 'RadImageGallery'.
Can someone please point me in the direction I need to get this plugin built?
Hi,
How do I get RadImageGallery to restart the slideshow again, once it has finishes cycling through the images?
Thanks.
An
i am using RadImageGallery under RadWindow and bind it in codebehind
this is working fine but some time not working
<telerik:RadWindow ID="rdwnShowPicture" Behaviors="Close,Move,Reload" Modal="true"
ToolTip="Permit Detail" Width="800px" Height="600px" runat="server" VisibleStatusbar="False"
Title="Detail" ReloadOnShow="True">
<ContentTemplate>
<telerik:RadImageGallery RenderMode="Lightweight" ID="RdImgGalleryPic" runat="server" Width="100%" OnNeedDataSource="RdImgGalleryPic_NeedDataSource" DataImageField="imageUrl">
<ImageAreaSettings Height="455px" />
</telerik:RadImageGallery>
</ContentTemplate>
</telerik:RadWindow>
cs code
var imgData = (from sd in contextfct.StoreDocuments
where sd.Id == tId
select new { imageUrl = dv.LocationString, ContentType = dv.ContentType }).ToList();
DataTable dttable = new DataTable();
dttable.Columns.Add("imageUrl", typeof(string));
foreach (var it in imgData)
{
if (File.Exists(it.imageUrl))
{
byte[] bytes = File.ReadAllBytes(it.imageUrl);
string base64String = String.Format(@"data:" + it.ContentType + ";base64," + Convert.ToBase64String(bytes, 0, bytes.Length));
dttable.Rows.Add(base64String);
}
}
RdImgGalleryPic.DataSource = dttable;
RdImgGalleryPic.DataBind();
rdwnShowPicture.Title = "Picture";
rdwnShowPicture.ToolTip = "Picture";
string script = "function f(){$find(\"" + rdwnShowPicture.ClientID + "\").show(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);";
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "key", script, true);