Last post Sep 12, 2012 01:24 PM by abed111
Sep 10, 2012 07:38 AM|abed111|LINK
I want to know how can I design the display in a gridview so that I get the image displayed with its description and price like the images in this link: http://www.etsy.com/category/pets?ref=fp_ln_pets
and how can I display the images in different columns?
Sep 10, 2012 07:43 AM|SohailShaikh|LINK
Use list view for this look first link is quite Good
Sep 10, 2012 07:57 AM|abed111|LINK
I need to do it with the gridview not the listview to control the number of displayed items per page, but thank you for your answer.
Sep 10, 2012 08:10 AM|SohailShaikh|LINK
paging is also part of list view you can perform all taks same as it is like gridview but you givien layout not possible on girdview
that you need not create on listview best of luck if you found your solution with gridview .
Check this link for image show in gridview but you have to customize this code
Sep 10, 2012 08:25 AM|abed111|LINK
ok so how can I control the number of images displayed in the listview for example I need it to display 30 image per page and if I had more than 30 images I'll have to go to the next page..
Sep 10, 2012 08:37 AM|pankaj_rayal|LINK
Better to use the listview control to display images as displayed in below links:
Yes you can.. just put this into a div tag and have the div height and width property.. also use the page control and use the handler to navigate to another page.
Sep 10, 2012 08:50 AM|abed111|LINK
thank you I used the pager in this link: http://www.codeproject.com/Articles/24065/Paging-ListView-With-DataPager
Sep 10, 2012 08:54 AM|abed111|LINK
But how can I display my items like the items in this link : http://www.etsy.com/category/pets?ref=fp_ln_pets
Sep 10, 2012 11:46 AM|superguppie|LINK
You can't. GridView will always make a Row per DataRow. That's why ListView was sugested. You may also want to look at DataList.
Sep 10, 2012 12:19 PM|abed111|LINK
yes I know, I meant how can I do that with listview I'm trying to use the table with listview but that's not working with me.
Sep 10, 2012 12:46 PM|superguppie|LINK
With ListView, you can use the GroupTemplate to make rows. With the ItemTemplate making a single Item. Then set GroupItemCount to determine how many Items ListView will put in each Group.
Sep 10, 2012 01:26 PM|superguppie|LINK
Have you seen the example on
the msdn page about GroupTemplate?
Sep 10, 2012 02:45 PM|SohailShaikh|LINK
Use Data Pager
Sep 10, 2012 03:00 PM|abed111|LINK
ok so you told me that an item template create a single item and the group item groups the items in a row and the groupitemcount determines the number of item in that row, ok thank you these are very useful information I understood now how the datalistview
is working, but I am still stuck here I cannot figure out how to create each item and place it in a table without displaying them one under the other cz if I used the table the items will be place one under the other because of the <tr> , any idea?
Sep 10, 2012 03:11 PM|superguppie|LINK
Make the table in the layouttemplate. With a tr as placeholder for the group.
Make tr in the GroupTemplate. With a td as placeholder for the item.
Make a td in the ItemTemplate, and fill it with the Controls you need.
Sep 10, 2012 03:50 PM|abed111|LINK
ok so I added that with border="1" for the table but why the table border displays borders on the whole layout and on the items but the groups are not bordered and how can I remove the borders of the layout but not the items?
Sep 10, 2012 06:22 PM|abed111|LINK
Sep 11, 2012 05:48 AM|SohailShaikh|LINK
Check this its a complete Demo
Sep 11, 2012 12:59 PM|abed111|LINK
thank you I saw if it could be done and I think yes with li added as inline and not bulleted..
Sep 12, 2012 01:24 PM|abed111|LINK
ok so to do it I added the menu control in a <td> and I've written the following code:
<table ><tr><td style="width:200px; color:Silver; -moz-border-radius: 20px;
-border-radius: 20px; border:1; background-color:Silver">
thanks, but if anyone knows why the backcolor of the menu control does not work or if there is another method please write an answer.