My ASP ListView currently displays items vertically in columns with GroupItemCount set to 3:
A D G
B E H
C F I
Is there a way to adjust the display so that it groups items horizontally in rows like this?
A B C
D E F
G H I
This is the ListView code I am using:
<asp:ListView ID="ImagesListView" GroupItemCount="4" runat="server" DataSourceID="EntityDataSource1" GroupPlaceholderID="GroupsGoHere" ItemPlaceholderID="ItemsGoHere" Orientation="Horizontal">
<LayoutTemplate>
<div runat="server" id="Main" class="ImagePageMainLayout">
<div id="ItemsDataPager" runat="server" class="ImagePageHeader">
<asp:DataPager ID="ImagesDataPager" runat="server" PageSize="16" PagedControlID="ImagesListView">
<Fields>
<asp:NextPreviousPagerField ButtonType="Link" ShowFirstPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
<asp:NumericPagerField />
<asp:NextPreviousPagerField ButtonType="Link" ShowLastPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
</Fields>
</asp:DataPager>
</div>
<div runat="server" id="GroupsGoHere">
</div>
</div>
</LayoutTemplate>
<GroupTemplate>
<div runat="server" id="Images" class="ImagePageGroup">
<div runat="server" id="ItemsGoHere">
</div>
</div>
</GroupTemplate>
<ItemTemplate>
<div id="Item" align="center" runat="server" class="ImagePageItem">
</div>
</ItemTemplate>
<ItemSeparatorTemplate>
<br />
</ItemSeparatorTemplate>
</asp:ListView>