Monday, July 4, 2011

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;
}

1 comment:

HBK said...

thanks..this works great...