This is a migrated thread and some comments may be shown as answers.

Listview has gaps in layout

1 Answer 110 Views

ListView

This is a migrated thread and some comments may be shown as answers.

Tonyz289 asked on 03 Nov 2011, 11:44 PM

bad-list-view.png

Listview definition. Output is attached

<telerik:RadListView ID="RadListView1" runat="server" AllowPaging="True" ItemPlaceholderID="PlaceHolder1"

OnItemCreated="RadListView1_ItemCreated"

DataKeyNames="id">

<LayoutTemplate>

<div class="RadListView RadListViewFloated RadListView_Windows7">

<telerik:RadDataPager ID="RadDataPager1" runat="server" Skin="Sitefinity" PageSize="25"

PagedControlID="RadListView1" BorderWidth="0">

<Fields>

<telerik:RadDataPagerButtonField FieldType="FirstPrev" />

<telerik:RadDataPagerButtonField FieldType="Numeric" />

<telerik:RadDataPagerButtonField FieldType="NextLast" />

<telerik:RadDataPagerPageSizeField PageSizeText="Page size: " />

<telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go"

TextBoxWidth="15" />

<telerik:RadDataPagerTemplatePageField>

<PagerTemplate>

<div style="float: right">

<b>Items

<asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex + 1%>" />

to

<asp:Label runat="server" ID="TotalPagesLabel" Text="<%# Container.Owner.StartRowIndex+Container.Owner.PageSize %>" />

of

<asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" />

<br />

</b>

</div>

</PagerTemplate>

</telerik:RadDataPagerTemplatePageField>

</Fields>

</telerik:RadDataPager>

<div id="PlaceHolder1" runat="server" />

</div>

</LayoutTemplate>

<ItemTemplate>

<div style="float: left;">

<fieldset style="border: 0; width: 154px; height: 154px; margin: 5px 5px 5px 5px;">

<div class="myClass" style="padding: 2px 2px 2px 2px; background: #eeeeee; text-align: center;">

<a href="javascript:Popup_Window('asset_preview','<%# Eval("id") %>')">

<telerik:RadBinaryImage ID="RadBinaryImage1" runat="server" AutoAdjustImageControlSize="False"

CssClass="myClass" ImageUrl='<%# Eval("thumbUrl") %>' ResizeMode="Fit" AlternateText="Click to view preview"

ToolTip="Click to view preview" Width="150px" Height="150px" />

</a>

</div>

</fieldset>

<div style="border: 0px; white-space: normal; width: 150px; margin: 5px 5px 5px 5px;

padding: 2px 2px 2px 2px;">

<asp:CheckBox ID="chkImage" runat="server" AutoPostBack="True" />

<%--<a href="javascript:Popup_Window('asset_detail','<%# Eval("id") %>')">

<%# Eval("title") %>-<%# Eval("filenameextension") %></a>--%>

<asp:HyperLink ID="lnkAsset" runat="server">

<%# Eval("title") %>-<%# Eval("filenameextension") %></asp:HyperLink>

<asp:HiddenField ID="hiddenAssetId" Value='<%# Eval("id") %>' runat="server" />

</div>

</ItemTemplate>

<EmptyDataTemplate>

No Assets Found

</EmptyDataTemplate>

</telerik:RadListView>

Listview has gaps in layout

1 Answer, 1 is accepted