Forms Data Controls :: Tumbnail Link Picture In GridView?
Jul 15, 2010
I am using VWD 2005 Express and Visual Basic.When my SQLDataSource feed my GridView, it does get the AutoNumber (GUID) of each record as well, to use it as a name for stored pictures. Pictures are not in the database but in a folder. Since I have several pictures, I do manipulate this ID with code and I add to it, pic1, pic2, etc and that is the final name for each picture, for each particular record. Example: The ID for one record in the database may be, 45623sdgd. If I have four pictures for this particular database record, the names will be, 45623sdgdPic1, 45623sdgdPic2, 45623sdgdPic3, and so on after Pic is added. After this I save these pictures in a folder.
Now, when I display the record information with a GridView, I get the AutoNumber of each record using: DataKeyNames="AutoNumber". I want to display a thumbnail picture link as well. But I really do not have many options in term of what control to use for the thumbnail inside the GridView. I tried the following controls unsuscesfully. HyperLinkField, can not add a picture to this one. ImageField, can not add a link to this one. ButtonField does not have a DataImageUrlField="AutoNumber" to get the AutoNumber. So since to be that my only opton is the asp:TemplateField. But it is giving me error with the coding. This is my coding,
Code:
<asp:GridView
ID="PublicClassifiedsSamplesGridView"
runat="server"[code].....
View 3 Replies
Similar Messages:
Dec 7, 2010
i have a gridview with a upload control in edit template. and a image control in item template bound to page that gets the new uploaded picture.the trouble is it does not return a picture no matter what i try??
View 2 Replies
Jul 20, 2010
I had a problem before with GridView displaying picture and it was solve as post [URL] shows. I am trying to apply the same coding to another GridView with a different configuration and I am having a hard time making the adaptation. May someone take a look at it. What I am trying to add to this GridView is code as:
DataImageUrlFormatStringl='<%# IIF(System.IO.File.Exists(Server.MapPath(string.Format("~/UploadedImagesClassifieds/{0}{1}", Eval("AutoNumber"), "Pic1.jpg"))), string.Format("~/UploadedImagesClassifieds/{0}{1}", Eval("AutoNumber"), "Pic1.jpg"), "~/UploadedImagesClassifieds/NoPicture.gif")
%>'
And the GridView code is the following at the present time:
<
asp:GridView
ID="ClassifiedsDisplayGridView"
runat="server"
DataSourceID="srcClassifieds"
AutoGenerateColumns="False"
CellPadding="4"
ForeColor="#333333"
AllowPaging="True"
PageSize="100"
EnableSortingAndPagingCallbacks="true"
>
<Columns>
<asp:ImageField
DataImageUrlField="AutoNumber"
DataImageUrlFormatString="~/UploadedImagesClassifieds/{0}Pic1.jpg"
HeaderText="Picture"
ReadOnly="True"
>
<ControlStyle
Height="50px"
/>
</asp:ImageField>
<asp:BoundField
DataField="Category"
HeaderText="Category"
/>
<asp:HyperLinkField
DataNavigateUrlFields="AutoNumber"
DataNavigateUrlFormatString="~/Classifieds/DetailPage.aspx?AutoNumber={0}&FlagForm=NoSubmitted"
DataTextField="ItemTitle"
HeaderText="Listing
Title" />
<custom:LongTextField
DataField="ListingComment"
Width="400px"
Height="75px"
HeaderText="Listing
Comment" HtmlEncode="false"
/>
<asp:BoundField
DataField="EnterDate"
HeaderText="Listed
on" SortExpression="EnterDate"
/>
<Columns>
<FooterStyle
BackColor="#00693E"
Font-Bold="True"
ForeColor="White"
/>
<RowStyle
BackColor="#FFFBD6"
ForeColor="#333333"
/>
<PagerStyle
BackColor="White"
ForeColor="#333333"
HorizontalAlign="Center"
/>
SelectedRowStyle
BackColor="#FFCC66"
Font-Bold="True"
ForeColor="Navy"
/>
<HeaderStyle
BackColor="#00693E"
Font-Bold="True"
ForeColor="White"
/>
<AlternatingRowStyle
BackColor="White"
/>
<PagerSettings
Mode="NextPreviousFirstLast"
Position="TopAndBottom"
/>
</asp:GridView>
<asp:ObjectDataSource
ID="srcClassifieds"
TypeName="SearchUtility"
SelectMethod="GetClassifiedsSimpleSearch"
runat="server"
OnSelected="srcClassifieds_Selected"
EnableViewState="False">
<SelectParameters>
<asp:QueryStringParameter
Name="Category"
QueryStringField="Category"
Type="String"
/>
<asp:QueryStringParameter
Name="Activity"
QueryStringField="Activity"
Type="String"
/>
<asp:QueryStringParameter
Name="KindOfSearch"
QueryStringField="KindOfSearch"
Type="String"
/>
<asp:CookieParameter
CookieName="Country"
Name="Country"
Type="String"
/>
<asp:CookieParameter
CookieName="CityTown"
Name="CityTown"
Type="String"
/>
<asp:SessionParameter
Name="State"
SessionField="State"
/>
<asp:Parameter
Direction="Output"
Name="SelectRows"
Type="Int64"
/>
</SelectParameters>
</asp:ObjectDataSource>
View 4 Replies
Aug 24, 2010
I do a gridview code that when displaying the information that come from the database is not showing any error at all, but is not displaying the right picture. The problem, I think, is that the (Eval("....") is not reading the values that are coming from the DataKeysNames. Due to this the right pictures are not displayed. But in another column, just for testing purposes I was able to display the values from DataKeysNames with the Eval. So I do not know what is going on and to make worse browser is not giving me any error. So, this is the line that is not processing, reading or executing well:
ImageUrl='<%# IIF( (Eval("TUDTIWasItemUpgraded")) = "Yes", string.Format("~/Images/ItemUpgradedTo.gif"), string.Format("~/Images/ItemNoUpgradedYet.gif") ) %>'
And this is the complete code for the GridView
<
asp:Panel
ID="DownlineUDTIGameClassifiedsViewPanel"
runat="server"
>
<asp:GridView
ID="DownlineUDTIGameClassifiedsViewGridView"
runat="server"
AutoGenerateColumns="False"
DataKeyNames="AutoNumber,TUDTIWasItemUpgraded"
DataSourceID="DownlineUDTIGameClassifiedsViewSqlDataSource"
CellPadding="4"
ForeColor="#333333"
AllowPaging="True"
PageSize="100"
OnDataBound="DownlineUDTIGameClassifiedsViewGridView_DataBound">
<FooterStyle
BackColor="#00693E"
Font-Bold="True"
ForeColor="White"
/>
<RowStyle
BackColor="#FFFBD6"
ForeColor="#333333"
/>
<PagerStyle
BackColor="White"
ForeColor="#333333"
HorizontalAlign="Center"
/>
<SelectedRowStyle
BackColor="#FFCC66"
Font-Bold="True"
ForeColor="Navy"
/>
<HeaderStyle
BackColor="#00693E"
Font-Bold="True"
ForeColor="White"
/>
<AlternatingRowStyle
BackColor="White"
/>
<PagerSettings
Mode="NextPreviousFirstLast"
Position="TopAndBottom"
/>
<Columns>
<asp:BoundField
ItemStyle-HorizontalAlign=Center
DataField="TUDTIGenerationNumber"
HeaderText="Generation"
SortExpression="TUDTIGenerationNumber"
/>
<asp:BoundField
DataField="TEnterDate"
HeaderText="Enter Date"
SortExpression="TEnterDate"
/>
<asp:BoundField
DataField="TItemTitle"
HeaderText="Listing Title"
SortExpression="TItemTitle"
/>
<custom:LongTextField
DataField="TListingComment"
Width="400px"
Height="75px"
HeaderText="Listing Comment"
HtmlEncode="false"
/>
<asp:TemplateField
HeaderText="Picture">
<ItemTemplate>
<asp:ImageButton
ID="ThumbNailImageButton"
runat="server"
Width="75px"
PostBackUrl='<%# string.Concat("~/Classifieds/DetailPage.aspx?AutoNumber=",Convert.ToString(Eval("AutoNumber")),"&FlagForm=NoSubmitted")
%>'
ImageUrl='<%# IIF(System.IO.File.Exists(Server.MapPath(string.Format("~/UploadedImagesClassifieds/{0}{1}",
Eval("AutoNumber"), "Pic1.jpg"))), string.Format("~/UploadedImagesClassifieds/{0}{1}", Eval("AutoNumber"), "Pic1.jpg"), "~/UploadedImagesClassifieds/NoPicture.gif") %>'
/>
</ItemTemplate>
<ItemStyle
HorizontalAlign="Center"
/>
</asp:TemplateField>
<asp:TemplateField
HeaderText="Item Upgraded To">
<ItemTemplate>
<asp:Image
ID="XItemUpgradedToPicture"
ImageUrl='<%# IIF( (Eval("TUDTIWasItemUpgraded")) = "Yes", string.Format("~/Images/ItemUpgradedTo.gif"),
string.Format("~/Images/ItemNoUpgradedYet.gif") ) %>'
runat="server"
Width="150px"/>
</ItemTemplate>
<ItemStyle
HorizontalAlign="Center"
/>
</asp:TemplateField>
<asp:TemplateField
HeaderText="Testing">
<ItemTemplate>
<asp:Label
ID="Label1"
runat="server"
Text='<%# Eval("TUDTIWasItemUpgraded") %>'
>
</asp:Label>
</ItemTemplate>
<ItemStyle
HorizontalAlign="Center"
/>
</asp:TemplateField>
<asp:TemplateField
HeaderText="Item Upgraded To">
<ItemTemplate>
<asp:Image
ID="ItemUpgradedToPicture"
ImageUrl="~/Images/ItemUpgradedTo.gif"
runat="server"
Width="150px"/>
</ItemTemplate>
<ItemStyle
HorizontalAlign="Center"
/>
</asp:TemplateField>
</Columns>
</asp:GridView>
View 3 Replies
Nov 22, 2010
Dear all; I have a gridview as follows below
ID ZONE
A AFRICA
B NORTH AMERICA
now, i would like to add a little picture icon on the leftmost side of the gridview, that would allow a user to click on it...which will indirectly bring up a pop-up screen. In the pop-screen, i would like to add a textbox and a button to it, in which the user will be able to use to make an update to a field ID in the gridview.
View 24 Replies
Jul 19, 2010
I do have the following code for for a GridViewd that display pictures that are stored in a file. I am using AutoNumber(GUID) from the database to name the pictures before I stored them to the file. I can save up to 4 pictures using the same AutoNumber but adding these ending to it, Pic1, Pic2, Pic3 ,,,,etc.
The problem that I am having is that after I get the AutoNumber from the database, I want to display a standard picture on the GridView field if there is not particular picture associiated to this record in file. The name of the standard picture is located in the same file under the name of NoPicture.gif. How can I do this? So far this is my GridView code and it is working fine:
<
asp:GridView
ID="PublicClassifiedsSamplesGridView"
runat="server"
AutoGenerateColumns="False"
DataKeyNames="AutoNumber"
DataSourceID="PublicClassifiedsSamplesSqlDataSource"
CellPadding="4"
ForeColor="#333333"
OnDataBound="PublicClassifiedsSamplesGridView_DataBound"
>
<Columns>
<asp:TemplateField
HeaderText="Click for information">
<ItemTemplate>
<asp:ImageButton
ID="ThumbNailImageButton"
runat="server" Width="100px"
PostBackUrl='<%# string.Concat("~/Classifieds/DetailPage.aspx?AutoNumber=",Convert.ToString(Eval("AutoNumber")),"&FlagForm=NoSubmitted")
%>'
ImageUrl='<%# string.Concat("~/UploadedImagesClassifieds/",Convert.ToString(Eval("AutoNumber")),"Pic1.jpg")
%>'
/>
</ItemTemplate>
<ItemStyle
HorizontalAlign="Center"
Width="100px"
/>
</asp:TemplateField>
<custom:LongTextField
DataField="TListingComment"
Width="150px"
Height="70px"
HeaderText="Listing Comment"
HtmlEncode="false"
/>
</Columns>
</asp:GridView>
View 15 Replies
Apr 14, 2014
I have year wise Photo now i want insert the photo by year and month and date wise after i want the main page shown the year when i click the year it will be shown the month and i will click the month it will open by date after the photos will be shown .
View 1 Replies
Jan 27, 2011
im developing website for my college.I have Recent updates in my home page in that i want to display newly added or updated things in recent updates.
sourcecode and Instructions for how to create link and how to redirect that to corresponding forms and how to create forms for particular updates dynamically then i want to make scroll the updates in GridView using Vb.net.
View 10 Replies
Mar 22, 2011
I am having one gridview in my asp form with one of the template field as imagebutton.
1. when i click on imagebutton the corresponding user profile opens in same tab....there is no option for open in new tab on right clickk..
open the user profilee in new tab.
View 16 Replies
Feb 15, 2010
I have two pages, the first one displays a list of products in a gridview, one column in the gridview is a hyperlink, this can be clicked on to get further details about the product. Each row in the gridview can be selected, certain details are added to an array (including the hyperlink column). I them want to display these details on page number two. All details are displayed except the hyperlink field.Has anybody any ideas as to what I'm doing wrong? The code is as follows:
[Code]....
and the second page:
[Code]....
View 6 Replies
Feb 23, 2011
If the user clicks on Inbox or Sent links, the inbox or sent tables with appropriate content taken from Message_Inbox database table should be shown on right. use asp.net panel controls hide/show to show/hide these tables. when user clicks on message subject link in these tables, the read-only view message page should be shown.
If the user clicks on Drafts link, the drafts tables with appropriate content taken from Message_Inbox database table should be shown on right.when user clicks on message subject link in these tables, the pre-composed form should be shown. the user should allowed to send or save this message.
I have the following code for the first part
protected void LnkButton_Click(object sender, EventArgs e)
{
LinkButton link = (LinkButton)sender;[code].....
View 7 Replies
Mar 25, 2010
How do I configure a column in the gridview to display a users name as the text and email address in a the mailto: link from the code behind page using C# so when the user clicks on the name it will open the default email client with the email address instead of the name?
View 4 Replies
Jul 9, 2010
i'm new to asp.net environment. i want to ask, i put column hyperlink at gridview. i click link and it will direct to another page that have textbox in it. how i want to pass info from gridview and display it at texboxt at next page?
View 5 Replies
Jun 28, 2010
I believe my SQL statement is sound. UPDATE [062610] SET abc = @abc FROM [062610] WHERE (dayID = @dayID) I cant seem to get my stupid variable @abc to sync with my GridView update command. I understand that I can let the GridView take care of my editting for me without having to write any code. But, I am running multiple tables and will be eventually needing to do this manually. Or at least as far as I know.
View 3 Replies
Sep 28, 2010
<asp:TemplateField ShowHeader="false" ItemStyle-Width="50px">
<ItemTemplate>
<asp:HyperLink runat="server" NavigateUrl='<% string.Format("~/Tiff.aspx?Id={0}, Eval("ID")) %>' Target="_blank" Text="View" />
</ItemTemplate>
</asp:TemplateField>
When I m trying to click on it...It is not working or not firing any event,
May I know the reasong or any code behing is require
View 6 Replies
Jan 13, 2011
I have a Gridview of a database which displays the PDF files which I have uploaded onto the website.
I want to add a link/button to each record so that when I click it it opens the PDF file in Adobe Acrobat.
View 3 Replies
Jun 1, 2010
here's my url: http://nathan/mail/incomingmail.aspx?dc=8250&bg=-617370170
gridview code:
<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False"
BackColor="White" BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px"
CellPadding="4" DataSourceID="SqlDataSource1" [code]...
View 1 Replies
Dec 30, 2010
How can one disable a Link Button in gridview. In gridview, I had defined linkbutton as :
<asp:TemplateField>
<ItemTemplate>
<asp:LinkButton ID="lnkbtndownload" runat="server" CssClass="Links" CommandName="DownloadPdf" CommandArgument='<%#Eval("Client_ID")%>'>Download</asp:LinkButton></td>
</ItemTemplate>
</asp:TemplateField>
View 2 Replies
Mar 24, 2011
I Want to be able to replace this bitfield:
<asp:TemplateField HeaderText="Banned" SortExpression="bitBanned">
<ItemTemplate>
<asp:Label ID="Label5" runat="server" Text='<%# ShortDisplay("bitBanned") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
with a link in my gridview that toggles the bit with a method from my dblayer
The ShortDisplay() method seen above looks like this:
protected string ShortDisplay(string strPerm)
{
string result = string.Empty;
if (Eval(strPerm) != null && (string.Compare(Eval(strPerm).ToString(), "True", 0) == 0))
result = "Yes";
else
result = "No";
return result;
}
As you can see it returns just a "yes" or "no", would like it to be a link when the bit is "Yes"
View 1 Replies
Dec 13, 2010
Is there a way based on the current user that when the page loads that the Delete option on the gridview is disabled?
View 1 Replies
Jan 24, 2011
I have a link button for one of the columns of the gridview, What I need to do to save the value that the link button has in the gridview on a text box and how can I open a new page on that link button
View 2 Replies
Jan 28, 2010
I have a gridview with edit, update and delete functioanlity.
I do also have a checkbox boolean field.
If checkbox1 is checked then I want to hide or disabled the delete button.
checkbox is in item template and Delete is not in item template, if i have to make the field of delete templeted then I will.
View 15 Replies
Feb 19, 2010
I am trying to create a basic gridview which has the basic edit and delete capabilities on a webpage using the MVC framework.I have bound the gridview to a LINQ Data source and I can retrieve all my records with no problem. However, when I click on the EDIT link, nothing happens at all. I have assigned my DataKey and viewing all the videos and tutorials on creating a gridview, this was how it is to get a gridview working.Steps taking:1) Created LINQ datacontext2) Created Controller 3) Created Index view4) Drag-and-dropped Gridview control onto Index view and link it to LINQ.5) Enabled CRUD functions on LINQ Datasource and Enabled Editing on Gridview.Can someone please tell me what is wrong or missing? I have tried different ways of getting this to work for 3 days now and I am at my wits end.
View 2 Replies
Nov 28, 2010
I have a search option which a person can use a multi select listbox. I have it coded so it would loop through to see if its selected or not. I also have a stored procedure where the sql statement is coded for the select statement. For some reason, its not populating my gridview. Where am I doing wrong? Below is the code and stored procedure.
[Code]....
[Code]....
View 4 Replies
Jul 31, 2010
i have 2 dropdownlist and gridview. Im trying to make a link after displaying the relational data in the gridview like below But how can i get the value and combine with the link
[Code]....
this is the all of my code
[Code]....
View 2 Replies
