Hi,
I have the following datalist which basically displays dropdownList
in 3 columns.
<asp:DataList ID="dlFilters"
runat="server"
RepeatDirection="Vertical"
RepeatLayout="Flow"
RepeatColumns="3"
CellPadding="10"
CellSpacing="10"
OnItemDataBound="dlFilters_OnItemDataBound"
Width="100%" Height="100%">
<ItemTemplate>
<asp:DropDownList ID="ddFilter" runat="server"
CssClass="FiltersBox" Width="150px"></asp:DropDownList>
</ItemTemplate>
</asp:DataList>
It works fine when my page is loaded, I got my 3 columns :)
However I have a little javascript function which hides/shows these
dropdowns. As soon as I show the dropdowns again, the layout is lost,
and they are all displayed in a single column :(
I don't think the javascript is the issue there but here's the code
(I'm using jQuery) :
$("#showFilters").bind("click", function(e) {
$(":input", "#divFilters").css("display", "block");
});
$("#hideFilters").bind("click", function(e) {
$(":input", "#divFilters").css("display", "none");
});
$("#showFilters").bind("click", function(e) {
$(":input", "#divFilters").css("display", "block");
});
$("#hideFilters").bind("click", function(e) {
$(":input", "#divFilters").css("display", "none");
});
Anyone has experienced this ?
Thanks