ayan.poddar/eShopOnContainers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Finish all list page style updates.

Browse Source
This commit is contained in:
Bill Wagner 2017-03-15 21:39:41 -04:00
parent 562a24246b
commit 4eed41e2aa
2 changed files with 57 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
src/Web/Catalog.WebForms/Catalog.WebForms/Default.aspx
View File

@ -6,82 +6,54 @@
<img class="esh-catalog-title" src="/Content/main_banner_text.png" /> <img class="esh-catalog-title" src="/Content/main_banner_text.png" />
</div> </div>
</section> </section>
<br />
<div class="row"> <div class="row">
<asp:ListView ID="catalogList" runat="server" <span class="col-md-4">
DataKeyNames="Id" GroupItemCount="2" <asp:DataPager
ItemType="eShopOnContainers.Core.Models.Catalog.CatalogItem"> ID="DataPager1"
<EmptyDataTemplate> PagedControlID="catalogList"
<table > PageSize="12"
<tr> runat="server">
<td>Well, there's nothing in the catalog.</td> <Fields>
</tr> <asp:NextPreviousPagerField ButtonType="Button" />
</table> </Fields>
</EmptyDataTemplate> </asp:DataPager>
<EmptyItemTemplate> </span>
<td/>
</EmptyItemTemplate>
<GroupTemplate>
<tr id="itemPlaceholderContainer" runat="server">
<td id="itemPlaceholder" runat="server"></td>
</tr>
</GroupTemplate>
<ItemTemplate>
<td runat="server">
<table>
<tr>
<td>
<a href="ProductDetails.aspx?productID=<%#:Item.Id%>">
<img class="esh-catalog-thumbnail" src="<%#:Item.PictureUri%>"
style="border: solid" /></a>
</td>
</tr>
<tr>
<td>
<a href="ProductDetails.aspx?productID=<%#:Item.Id%>">
<span class="esh-catalog-name">
<%#:Item.Name%>
</span>
</a>
<br />
<span class="esh-catalog-price">
<b>Price: </b><%#:String.Format("{0:c}", Item.Price)%>
</span>
<br />
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td>
</ItemTemplate>
<LayoutTemplate>
<table style="width:100%;">
<tbody>
<tr>
<td>
<table id="groupPlaceholderContainer" runat="server" style="width:100%">
<tr id="groupPlaceholder"></tr>
</table>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr></tr>
</tbody>
</table>
</LayoutTemplate>
</asp:ListView>
<asp:DataPager
ID="DataPager1"
PagedControlID="catalogList"
PageSize="4"
runat="server">
<Fields>
<asp:NextPreviousPagerField ButtonType="Button" />
</Fields>
</asp:DataPager>
</div> </div>
<br />
<asp:ListView ID="catalogList" runat="server"
DataKeyNames="Id" GroupItemCount="3"
ItemType="eShopOnContainers.Core.Models.Catalog.CatalogItem">
<EmptyDataTemplate>
<div class="row">
<span class="col-md-10 col-md-offset-1">There's nothing in the catalog to display at this time.
</span>
</div>
</EmptyDataTemplate>
<LayoutTemplate>
<div id="groupPlaceholder" runat="server"></div>
</LayoutTemplate>
<GroupTemplate>
<div id="itemPlaceholderConatiner" class="row">
<div id="itemPlaceholder" runat="server"></div>
</div>
</GroupTemplate>
<ItemTemplate>
<div class="col-md-4">
<a href="ProductDetails.aspx?productID=<%#:Item.Id%>">
<img class="esh-catalog-thumbnail" src="<%#:Item.PictureUri%>"
style="border: solid" /></a>
<br />
<a href="ProductDetails.aspx?productID=<%#:Item.Id%>">
<span class="esh-catalog-name">
<%#:Item.Name%>
</span>
</a>
<br />
<span class="esh-catalog-price">
<b>Price: </b><%#:String.Format("{0:c}", Item.Price)%>
</span>
</div>
</ItemTemplate>
</asp:ListView>
</asp:Content> </asp:Content>

18
src/Web/Catalog.WebForms/Catalog.WebForms/Default.aspx.designer.cs generated
View File

@ -12,15 +12,6 @@ namespace Microsoft.eShopOnContainers.Catalog.WebForms {
public partial class _Default { public partial class _Default {
/// <summary>
/// catalogList control.
/// </summary>
/// <remarks>
/// Auto-generated field.
/// To modify move field declaration from designer file to code-behind file.
/// </remarks>
protected global::System.Web.UI.WebControls.ListView catalogList;
/// <summary> /// <summary>
/// DataPager1 control. /// DataPager1 control.
/// </summary> /// </summary>
@ -29,5 +20,14 @@ namespace Microsoft.eShopOnContainers.Catalog.WebForms {
/// To modify move field declaration from designer file to code-behind file. /// To modify move field declaration from designer file to code-behind file.
/// </remarks> /// </remarks>
protected global::System.Web.UI.WebControls.DataPager DataPager1; protected global::System.Web.UI.WebControls.DataPager DataPager1;
/// <summary>
/// catalogList control.
/// </summary>
/// <remarks>
/// Auto-generated field.
/// To modify move field declaration from designer file to code-behind file.
/// </remarks>
protected global::System.Web.UI.WebControls.ListView catalogList;
} }
} }