How to display Images in grid using Asp.net MVC

Luis sa

10y5.8k.NET

Hello,

I need some help in displaying Images in grid style using Asp.net MVC razor.

Here's what i have tried:-

-- Controller--

public ActionResult Index()

{

return View(db.Img_data.ToList());

}

--Razor View--

@using firstmvc.Models

@model IEnumerable

ViewBag.Title = "Index";

Layout = "~/Views/Shared/Adminmaster.cshtml";

}

@foreach (var item in Model)

{

}

And the result of the code in browser is :- http://prntscr.com/byyv9b

How i want to display the image is :-http://prntscr.com/byyvl5

Cheers

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Guest User10y ago
Accepted answer
You put each image in a seperate tr, that's why they are all below eachother.
Instead, use a div, which you can then float left with css, and they will be put horizontally first.
Luis sa10y ago
thank you everyone ..some css fixed the issue
Cheers
Jitendra Kumar10y ago
See below link. May this help you.

http://www.c-sharpcorner.com/UploadFile/20abe2/Asp-Net-mvc-4-project-on-photo-gallery-of-user/

http://www.aspdotnet-pools.com/2014/07/code-to-dynamicelly-bind-image-to.html

http://www.c-sharpcorner.com/UploadFile/4d9083/display-binary-images-in-webgrid-from-database/