Set image width dynamically with Eval in ASP.NET

Question

I have an image in a repeater in ASP.NET. I need to set the width of this image dynamically to a value returned from the database. I get the information from the SQL db, then I bind the repeater to the result set or datasource and I try to specify the width of the image in the repeater as follows:

<asp:Image ID="Image1" runat="server" Width='<%# Eval("ImageSize") %>' ImageUrl="~/Images/ProgressBar.jpg"/>

I get an error stating

Specified cast is not valid.

Could this be caused because of the datatype that is being returned from the db?

The size cannot be null and the field type returned from DB is Int. Thanks J — Joachim Prinsloo
– Joachim Prinsloo, Commented Jun 19, 2012 at 11:56

KV Prajapati · Accepted Answer · 2012-06-19 11:52:55Z

2

Use System.Web.UI.WebControls.Unit.Parse method:

<asp:Image 
      ID="Image1" 
      runat="server" 
      Width='<%# System.Web.UI.WebControls.Unit.Parse(Eval("ImageSize").ToString()) %>'
      ImageUrl="~/Images/ProgressBar.jpg"/>

answered Jun 19, 2012 at 11:52

KV Prajapati

94.8k20 gold badges151 silver badges188 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ebad Masood · Accepted Answer · 2012-06-19 11:59:32Z

2

Re-Write in aspx file like this:

Width='<%# ConvertToImageSize(Eval("ImageSize")) %>'

Code-Behind:

protected int ConvertToImageSize(object imageSize)
{
  int i = 0;
  if (imageSize != null)
  {
    i = Convert.ToInt32(imageSize); 

   }

  return i;

}

A bit rough but I hope you can do the rest of handling at your end easily.

answered Jun 19, 2012 at 11:59

Ebad Masood

2,38728 silver badges46 bronze badges

2 Comments

Joachim Prinsloo Over a year ago

Thanks for this. Seems a bit tedious compared to @AVD's solution but still a great answer. Thanks J

Alaa.Ali Over a year ago

I need to set as Percentage not px. how shall i do that?

Collectives™ on Stack Overflow

Set image width dynamically with Eval in ASP.NET

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related