Display dummy image in gridview using .aspx C# VS2010 SQL server 2008

Question

0.00/5 (No votes)

See more:

Friends,
I need your help please.

I have a gridview that displays student records with pictures very well, but I want to display a dummy picture(say noimage.png) in the row where there is no image(NULL or Empty) in the database. I store the image path and image name in table and store the Images in a folder.
How can I do this?
Kindly help,
Thanks
Ravi.

What I have tried:

This is my .aspx page

ASPX

<asp:GridView ID="GridView1" runat="server" cellpadding="5" AutoGenerateColumns = "false" GridLines="Horizontal" AllowPaging ="true" PageSize = "8" Width="100%">
<Columns>
    <asp:BoundField DataField = "SID" HeaderText = "Student ID" ItemStyle-Width="5%"/>
    <asp:BoundField DataField = "SName" HeaderText = "Name" HtmlEncode = "false" ItemStyle-Width="30"/>
    <asp:ImageField DataImageUrlField="Image" HeaderText="Student Picture"/>
</Columns>
</asp:GridView>

and here is my .cs Page

C#

if (!IsPostBack)
{
    SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["constr"].ConnectionString);
    string query = "select SID, SName, Image from Students";
    SqlDataAdapter sda = new SqlDataAdapter(query, con);
    DataTable dt = new DataTable();
    sda.Fill(dt);
    GridView1.DataSource = dt;
    GridView1.DataBind();
}

Posted 9-Sep-21 1:26am

ravitv

Updated 9-Sep-21 3:17am

Richard Deeming

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Accepted Answer · 2021-09-09T01:37:00

Solution 1

Change your query:

C#

const string query = "select SID, SName, IsNull(NullIf(Image, ''), @DefaultImage) Image from Students";
SqlDataAdapter sda = new SqlDataAdapter(query, con);
sda.SelectCommand.Parameters.AddWithValue("@DefaultImage", "~/images/no-picture.jpg");

Specify the path of your default picture as the value of the @DefaultImage parameter.

Posted 9-Sep-21 1:37am

Richard Deeming

Comments

ravitv 9-Sep-21 8:38am

Sorry Richard, I dont understand,
My dummy image is in "~img/noimage.png" folder.
How can I use this?
Will sda.SelectCommand.Parameters.AddWithValue("@DefaultImage", "~img/noimage.png");
work with
...
.....
sda.Fill(dt);
GridView1.DataSource = dt;
GridView1.DataBind();

Sorry for troubling you.

Richard Deeming 9-Sep-21 8:39am

Yes - whatever path you pass to the AddWithValue method will be returned for any images which are null or empty.

ravitv · Accepted Answer · 2021-09-09T03:17:00

Sorry again, Richard - I had to resort to old style solution by using

NullDisplayText property

<asp:ImageField DataImageUrlField="Image" HeaderText="Profile Picture" ControlStyle-Width="25" ItemStyle-Width="25" ControlStyle-Height="25" ItemStyle-Height="25" NullDisplayText='<img src="img/noimage.png" runat="server" Width="25" Height="25">'/>

I liked a c# solution.
If possible please provide simple sample source code.
But thanks for spending your valuable time.
Ravi