Customizing QueryableFilterRepeater Control - Aligning controls

Hi all, Here is a simple solution for customizing the QueryableFilterRepeater control. By default this control adds the filter controls without any alignment, so we should do it manually.

                <table>
                 <tr>
                        <td style="width:100%;">
                <asp:QueryableFilterRepeater runat="server" ID="FilterRepeater">
                    <ItemTemplate>
                    <div class="SearchColumn">
                   <asp:Label runat="server" Text='<%# Eval("DisplayName") %>' OnPreRender="Label_PreRender" />
                   <asp:DynamicFilter runat="server" ID="DynamicFilter" OnFilterChanged="DynamicFilter_FilterChanged" />
                    </div>
                    </ItemTemplate>
                </asp:QueryableFilterRepeater>
                     </td>
                    </tr>
                </table>

here is the css class used.

div.SearchColumn
{
    float:left;
    width:48%;
    margin:2px 2px 2px 2px;
}