Formatting Category grid page

[mazhar]

You need to do something like this.

Code: Select all

<div class="pageHeader">
                <h1 style="display:inline;padding-left:30px;"><asp:Localize ID="Caption" runat="server" EnableViewState="False"></asp:Localize></h1>
                <asp:Label ID="ResultIndexMessage" runat="server" Text="Displaying items {0} - {1} of {2}" EnableViewState="false"></asp:Label>
                <asp:Label ID="SortResultsLabel" runat="server" Text="Sort:" SkinID="FieldHeader"></asp:Label>&nbsp;
                <asp:DropDownList ID="SortResults" runat="server" AutoPostBack="true" CssClass="sorting" OnSelectedIndexChanged="SortResults_SelectedIndexChanged">
                    <asp:ListItem Text="" Value="OrderBy ASC"></asp:ListItem>
                    <asp:ListItem Text="By Name (A -> Z)" Value="Name ASC"></asp:ListItem>
                    <asp:ListItem Text="By Name (Z -> A)" Value="Name DESC"></asp:ListItem>
                    <asp:ListItem Text="Featured" Value="IsFeatured DESC, Name ASC"></asp:ListItem>
                    <asp:ListItem Text="By Price (Low to High)" Value="Price ASC"></asp:ListItem>
                    <asp:ListItem Text="By Price (High to Low)" Value="Price DESC"></asp:ListItem>                            
                    <asp:ListItem Text="By Manufacturer (A -> Z)" Value="Manufacturer ASC"></asp:ListItem>
                    <asp:ListItem Text="By Manufacturer (Z -> A)" Value="Manufacturer DESC"></asp:ListItem>
                </asp:DropDownList>
            </div>