How to conditionally show an image, or other control in ASP.NET

4.31 (13 votes)

Quite often, you want to display an item from a database that may or may not have an associated image. Examples might include a news story, product details, car for sale etc. But you want to avoid the dreaded "redex" if a picture isn't present.

If you bind the image to an <asp: Image> control you can toggle the Visibility property from true to false, depending on the existence of an image, or image file path in the returned records. Here are some ways to achieve that.
C#:
Visible='<%# Eval("ImageFile")!=DBNull.Value %>' 
Or
Visible='<%# Eval("ImageFile")==DBNull.Value ? false: true %>'  
Or, if using a DataSource Control, this can be handled in the Item_DataBound Event:

VB.Net
Visible=<%# IIf(Eval("ImageFile") Is DbNull.Value, "False","True") %>'
Or
Visible='<%# Eval("ImageFile")<>DBNull.Value %>'

You might also like...

Date Posted:
Last Updated:
Posted by:
Total Views to date: 43308

5 Comments

- bahar

very good thx

- Anandarajeshwaran.J

you saved my day man, thankyou superman

- fishwrench

Awesome!!! It took me multiple searches to find this answer; glad I finally stumbled across your site.

- newcoder

Most helpful! after hours of searching... this one worked. Appreciate that both C# and VB were provided. My project rolls on :)

Simple and works!

- Caner Alcilioglu

Thank you so much. I search this it.

Recent Comments

Satyabrata Mohapatra 23/07/2017 16:43
In response to Razor Pages - The Elevator Pitch
@Dale Severin You can continue to build apps using asp.net web pages....

Satyabrata Mohapatra 23/07/2017 16:40
In response to Sending Email in Razor Pages
Thanks for sharing...learned a lot...

Gfw 22/07/2017 11:53
In response to Sending Email in Razor Pages
Question... Does System.Net.Mail support SSL?...

Dale Severin 20/07/2017 03:38
In response to Razor Pages - The Elevator Pitch
I work with razor web pages extensively. I appreciate the rapid development it permits me to I am as...

Obinna Okafor 14/07/2017 01:19
In response to Routing in Razor Pages
Thank you, Mike. Good post....

Satyabrata Mohapatra 11/07/2017 16:02
In response to Routing in Razor Pages
Very powerful routing system!!...

Cyrus 05/07/2017 03:41
In response to Razor Pages - Getting Started With The Preview
How can I trim packages and services as much as possible to use just razor pages? I don’t want to to...

Harris Boyce 04/07/2017 04:17
In response to Razor Pages - The Elevator Pitch
As a developer of a couple "trivial" web pages applications used by non-profits that wouldn't have I...

Cyrus 28/06/2017 20:25
In response to Razor Pages - Getting Started With The Preview
.net core 2.0 preview 2: <a...

ojorma 17/06/2017 09:24
In response to Razor Pages - The Elevator Pitch
Finally I can say goodbye to webforms...