<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="http://aspadvice.com/utility/FeedStylesheets/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>DataGrids, GridViews, and Databinding</title><link>http://aspadvice.com/forums/311/ShowForum.aspx</link><description>DataGrids, GridViews, and databinding questions -- of which there are many -- should be asked and answered in this forum.</description><dc:language>en</dc:language><generator>CommunityServer 2.1 (Build: 60809.935)</generator><item><title>Gridview Image Size issue</title><link>http://aspadvice.com/forums/thread/40963.aspx</link><pubDate>Wed, 02 Apr 2008 14:46:32 GMT</pubDate><guid isPermaLink="false">e709ad4c-0c15-48eb-915e-c462c6e85445:40963</guid><dc:creator>hcathey</dc:creator><slash:comments>0</slash:comments><comments>http://aspadvice.com/forums/thread/40963.aspx</comments><wfw:commentRss>http://aspadvice.com/forums/commentrss.aspx?SectionID=311&amp;PostID=40963</wfw:commentRss><description>&lt;p&gt;I have a gridview that gets its images from a database, the pictures are an unknown size. I need the pictures to display using the size they are saved into the database with unless they are wider than 1000px. If they are larger than 1000px wide I need to set thier size to 1000px. I canot set the size element on the image control to 1000px because smaller images are stretched and pixelated.&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;The&amp;nbsp;following code is&amp;nbsp;on the aspx page of the page which displays the images:&lt;/p&gt;&lt;font size="2" color="#0000ff"&gt;&lt;p&gt;&amp;lt;&lt;font size="2" color="#a31515"&gt;asp&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;:&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;GridView&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#ff0000"&gt;ID&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;=&amp;quot;GridView1&amp;quot;&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#ff0000"&gt;runat&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;=&amp;quot;server&amp;quot;&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#ff0000"&gt;AutoGenerateColumns&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;=&amp;quot;False&amp;quot;&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#ff0000"&gt;DataSourceID&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;=&amp;quot;SqlDataSource1&amp;quot;&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#ff0000"&gt;Width&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;=&amp;quot;620px&amp;quot;&amp;gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;asp&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;:&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;GridView&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#ff0000"&gt;ID&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;=&amp;quot;GridView1&amp;quot;&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#ff0000"&gt;runat&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;=&amp;quot;server&amp;quot;&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#ff0000"&gt;AutoGenerateColumns&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;=&amp;quot;False&amp;quot;&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#ff0000"&gt;DataSourceID&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;=&amp;quot;SqlDataSource1&amp;quot;&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#ff0000"&gt;Width&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;=&amp;quot;620px&amp;quot;&amp;gt;&lt;/font&gt;&lt;font size="2"&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;&amp;nbsp; &amp;lt;&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;Columns&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;&amp;gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;&amp;nbsp; &amp;lt;&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;Columns&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;&amp;gt;&lt;/font&gt;&lt;font size="2"&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;asp&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;:&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;ImageField&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#ff0000"&gt;DataImageUrlField&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;=&amp;quot;Picnum&amp;quot;&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#ff0000"&gt;DataImageUrlFormatString&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;=&amp;quot;getpic.aspx?ID={0}&amp;quot;&amp;gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;asp&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;:&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;ImageField&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#ff0000"&gt;DataImageUrlField&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;=&amp;quot;Picnum&amp;quot;&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#ff0000"&gt;DataImageUrlFormatString&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;=&amp;quot;getpic.aspx?ID={0}&amp;quot;&amp;gt;&lt;/font&gt;&lt;font size="2"&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;asp&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;:&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;ImageField&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;&amp;gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;asp&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;:&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;ImageField&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;&amp;gt;&lt;/font&gt;&lt;font size="2"&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;&amp;nbsp; &amp;lt;/&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;Columns&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;&amp;gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;&amp;nbsp; &amp;lt;/&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;Columns&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;&amp;gt;&lt;/font&gt;&lt;font size="2"&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;&amp;lt;/&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;asp&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;:&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;GridView&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;&amp;gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;&amp;lt;/&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;asp&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;:&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;GridView&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;&amp;gt;&lt;/font&gt;&lt;p&gt;&lt;font color="#0000ff"&gt;&lt;/font&gt;&lt;/p&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;&lt;font color="#000000"&gt;On the aspx.vb page getpic I have the following code to pull the image from the database and return it to the calling page:&lt;/font&gt;&lt;/font&gt;&lt;/p&gt;&lt;font size="2" color="#0000ff"&gt;&lt;font color="#000000"&gt;&lt;font size="2" color="#0000ff"&gt;&lt;p&gt;Dim&lt;font size="2"&gt; sqlString &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;As&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;String&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;font size="2"&gt; sqlString &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;As&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;String&lt;/font&gt;&lt;font size="2"&gt;&lt;p&gt;sqlString = &lt;font size="2" color="#a31515"&gt;&amp;quot;SQL that gets the pic&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;&amp;quot;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;&amp;quot;SQL that gets the pic&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;&amp;quot;&lt;/font&gt;&lt;font size="2"&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;Dim&lt;/font&gt;&lt;font size="2"&gt; sqconn &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;As&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;New&lt;/font&gt;&lt;font size="2"&gt; SqlConnection(GetConnString())&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;Dim&lt;/font&gt;&lt;font size="2"&gt; sqlCmd &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;As&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;New&lt;/font&gt;&lt;font size="2"&gt; SqlCommand(sqlString, sqconn)&lt;p&gt;sqconn.Open()&lt;/p&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;Dim&lt;/font&gt;&lt;font size="2"&gt; dr &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;As&lt;/font&gt;&lt;font size="2"&gt; SqlDataReader&lt;p&gt;dr = sqlCmd.ExecuteReader&lt;/p&gt;&lt;p&gt;dr.Read()&lt;/p&gt;&lt;p&gt;Response.BinaryWrite(dr(&lt;font size="2" color="#a31515"&gt;&amp;quot;Pic&amp;quot;&lt;/font&gt;&lt;font size="2"&gt;))&lt;p&gt;Response.End()&lt;/p&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;If&lt;/font&gt;&lt;font size="2"&gt; sqconn.State &amp;lt;&amp;gt; Data.ConnectionState.Closed &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;Then&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;Dim&lt;/font&gt;&lt;font size="2"&gt; sqconn &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;As&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;New&lt;/font&gt;&lt;font size="2"&gt; SqlConnection(GetConnString())&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;Dim&lt;/font&gt;&lt;font size="2"&gt; sqlCmd &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;As&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;New&lt;/font&gt;&lt;font size="2"&gt; SqlCommand(sqlString, sqconn)&lt;p&gt;sqconn.Open()&lt;/p&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;Dim&lt;/font&gt;&lt;font size="2"&gt; dr &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;As&lt;/font&gt;&lt;font size="2"&gt; SqlDataReader&lt;p&gt;dr = sqlCmd.ExecuteReader&lt;/p&gt;&lt;p&gt;dr.Read()&lt;/p&gt;&lt;p&gt;Response.BinaryWrite(dr(&lt;font size="2" color="#a31515"&gt;&amp;quot;Pic&amp;quot;&lt;/font&gt;&lt;font size="2"&gt;))&lt;p&gt;Response.End()&lt;/p&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;If&lt;/font&gt;&lt;font size="2"&gt; sqconn.State &amp;lt;&amp;gt; Data.ConnectionState.Closed &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;Then&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;Dim&lt;/font&gt;&lt;font size="2"&gt; sqlCmd &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;As&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;New&lt;/font&gt;&lt;font size="2"&gt; SqlCommand(sqlString, sqconn)&lt;p&gt;sqconn.Open()&lt;/p&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;Dim&lt;/font&gt;&lt;font size="2"&gt; dr &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;As&lt;/font&gt;&lt;font size="2"&gt; SqlDataReader&lt;p&gt;dr = sqlCmd.ExecuteReader&lt;/p&gt;&lt;p&gt;dr.Read()&lt;/p&gt;&lt;p&gt;Response.BinaryWrite(dr(&lt;font size="2" color="#a31515"&gt;&amp;quot;Pic&amp;quot;&lt;/font&gt;&lt;font size="2"&gt;))&lt;p&gt;Response.End()&lt;/p&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;If&lt;/font&gt;&lt;font size="2"&gt; sqconn.State &amp;lt;&amp;gt; Data.ConnectionState.Closed &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;Then&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;Dim&lt;/font&gt;&lt;font size="2"&gt; dr &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;As&lt;/font&gt;&lt;font size="2"&gt; SqlDataReader&lt;p&gt;dr = sqlCmd.ExecuteReader&lt;/p&gt;&lt;p&gt;dr.Read()&lt;/p&gt;&lt;p&gt;Response.BinaryWrite(dr(&lt;font size="2" color="#a31515"&gt;&amp;quot;Pic&amp;quot;&lt;/font&gt;&lt;font size="2"&gt;))&lt;p&gt;Response.End()&lt;/p&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;If&lt;/font&gt;&lt;font size="2"&gt; sqconn.State &amp;lt;&amp;gt; Data.ConnectionState.Closed &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;Then&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;font size="2" color="#a31515"&gt;&amp;quot;Pic&amp;quot;&lt;/font&gt;&lt;font size="2"&gt;))&lt;p&gt;Response.End()&lt;/p&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;If&lt;/font&gt;&lt;font size="2"&gt; sqconn.State &amp;lt;&amp;gt; Data.ConnectionState.Closed &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;Then&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;If&lt;/font&gt;&lt;font size="2"&gt; sqconn.State &amp;lt;&amp;gt; Data.ConnectionState.Closed &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;Then&lt;/font&gt;&lt;font size="2"&gt;&lt;p&gt;sqconn.Close()&lt;/p&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;End&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;If&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;End&lt;/font&gt;&lt;font size="2"&gt; &lt;/font&gt;&lt;font size="2" color="#0000ff"&gt;If&lt;/font&gt;&lt;/font&gt;&lt;/font&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;&lt;font color="#000000"&gt;&amp;nbsp;This code all works pulls the pictures and displays them in thier original sizes.&lt;/font&gt;&lt;/font&gt;&lt;/p&gt;&lt;p&gt;&lt;font size="2" color="#0000ff"&gt;&lt;font color="#000000"&gt;&lt;/font&gt;&lt;/font&gt;&lt;/p&gt;</description></item></channel></rss>