Image Gallery component

[Hernando]

Hi I need to create an image Gallery view to display different size images and orientations , I have try few components but I have some questions, 

 Do you have a Gallery Component ?  

if not can the stacklayout wrap items or can you define the number of items per row ? and what is the best way to implement a lightbox to view images full screen .

 

Thanks for your help .

 

 

 

[Yanmario]

Hi Hernando,

I would recommend checking out our Kendo UI for Angular ScrollView component that is created to represent horizontal collection of content or image views:

https://www.telerik.com/kendo-angular-ui/components/scrollview/

However, there isn't a Gallery component in our suite.

About the StackLayout *ngFor structural directive can be used to render images in the desired layout as demonstrated in the following example:

https://stackblitz.com/edit/angular-rc1nye?file=src/app/app.component.ts

For the lightbox implementation I would suggest checking out some online articles that can come in use:

https://levelup.gitconnected.com/how-to-create-an-image-lightbox-in-angular-d7254e2c099

https://www.freecodecamp.org/news/how-to-create-a-lightbox-using-html-css-and-javascript/

or using a third party package like Ngx-Lightbox.

I hope this helps and steers you in the right direction.

Regards,
Yanmario
Progress Telerik