1. Home
  2. Forum
  3. Blazor
  4. Image gallery using grid

Image gallery using grid

Hi

Can we make an image gallery using the syncfusion blazor grid or other syncfusion component. please have a look into the below picture. below features should be included.

  1. virtual scrolling/ lazy loading/ First Loading from the sql server database
  2. Tooltip feature
  3. image zooming 

Screenshot_2.jpg

Screenshot_3.jpg


Thanks in advance.

Best Regards

Shohel




3 Replies
VN Vignesh Natarajan Syncfusion Team September 24, 2021 04:47 AM UTC

Hi Shohel,  
 
Greetings from Syncfusion support.  
 
Query: “Can we make an image gallery using the syncfusion blazor grid or other syncfusion component” 
 
We have analyzed your query and we would like to inform you that we can achieve your requirement using ColumnTemplate feature of Grid. Using Column/Cell Template, we can display a Image in Grid column and we can perform custom actions like tooltip and zoom on our own.   
 
We have already documented this topic (display image in Grid column) in our ug documentation which can be referred from below  
 
 
Please get back to us if you have further queries or if above featrue does not match your requirement.   
 
Regards, 
Vignesh Natarajan 


MR Moshiur Rahman Shohel September 24, 2021 05:22 AM UTC

Hi

I know about the grid column-template but that's not meet my needs. Can you please give a sample project as below picture along with the below features. Only the pictures from sql server database will show side by side along with other details so that if I put the cursor on a particular picture other detail will show

Features are:

  1. virtual scrolling/ lazy loading/ First Loading from the sql server database
  2. Tooltip along with data
  3. image zooming 
  4. responsiveness
Screenshot_2.jpg
Screenshot_3.jpg

NR Nevitha Ravi Syncfusion Team September 27, 2021 12:40 PM UTC

Hi Moshiur, 
 
Currently we don’t have the component to display the image gallery with the shared features. We have already logged a component request to provide image gallery in which we have added your feature list. 
 
The component will be implemented in any of our upcoming releases. At the planning stage for every release cycle, we will review all the open feedback and identify them for implementation based on specific parameters including product vision, technological feasibility, and customer interest and its importance. Priority will be given to feature request which has maximum number of votes. So, we request you to keep track of the status through the above feedback link.  
 
Regards,  
Nevitha  
 


Loader.
Up arrow icon