First of all I am not too much experienced with Telerik controls and I confess that it puzzles me but I am not going to give up!
So, I am not being able to reproduce the demo at https://demos.telerik.com/aspnet-ajax/listview/examples/overview/defaultvb.aspx?show-source=true.
I simplified the code to use it with my own data (code below) and I am experiencing two problems:
- Instead to appear in two columns it only appear as a single list; and
- It 's not skinning as it should.
To see my test in action please check http://aspdotnetstorefront.pamsauto.com/tests/ListViewTest.aspx
And this is my code:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="ListViewTest.aspx.vb" Inherits="custom_scripts_iPMP_ListViewTest" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
runat
=
"server"
ID
=
"RadScriptManager1"
/>
<
telerik:RadFormDecorator
RenderMode
=
"Lightweight"
ID
=
"RadFormDecorator1"
runat
=
"server"
DecoratedControls
=
"All"
DecorationZoneID
=
"demo-container"
EnableRoundedCorners
=
"false"
/>
<
div
class
=
"demo-container size-wide"
id
=
"demo-container"
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"ListViewPanel1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"ListViewPanel1"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
></
telerik:AjaxUpdatedControl
>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"CheckBoxList1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"CheckBoxList1"
></
telerik:AjaxUpdatedControl
>
<
telerik:AjaxUpdatedControl
ControlID
=
"ListViewPanel1"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
></
telerik:AjaxUpdatedControl
>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
<
ClientEvents
OnRequestStart
=
"RequestStart"
></
ClientEvents
>
</
telerik:RadAjaxManager
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
>
</
telerik:RadAjaxLoadingPanel
>
<
table
>
<
tr
>
<
td
>
<
asp:Panel
ID
=
"ListViewPanel1"
runat
=
"server"
>
<
telerik:RadListView
ID
=
"RadListView1"
DataSourceID
=
"SqlDataSource1"
runat
=
"server"
RenderMode
=
"Lightweight"
ItemPlaceholderID
=
"CustomersContainer"
AllowPaging
=
"true"
>
<
LayoutTemplate
>
<
fieldset
id
=
"FieldSet1"
class
=
"mainFieldset"
>
<
div
class="RadListView RadListView_<%# Container.Skin %>">
<
asp:PlaceHolder
ID
=
"CustomersContainer"
runat
=
"server"
></
asp:PlaceHolder
>
</
div
>
<
div
class
=
"clearFix"
>
</
div
>
</
fieldset
>
</
LayoutTemplate
>
<
ItemTemplate
>
<
fieldset
class
=
"fieldset itemFieldset"
>
<
table
class
=
"dataTable"
>
<
tr
class
=
"rlvI"
>
<
td
>
<
table
class
=
"itemTable"
>
<
tr
>
<
td
>
<
table
class
=
"innerItemTable"
>
<
tr
>
<
td
>
<%#Eval("Description")%>
</
td
>
</
tr
>
<
tr
>
<
td
>
<%#Eval("ConditionsAndOptions")%>
</
td
>
</
tr
>
<
tr
>
<
td
>
<%# Eval("RetailPrice")%>
</
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
</
table
>
</
fieldset
>
</
ItemTemplate
>
</
telerik:RadListView
>
</
asp:Panel
>
</
td
>
</
tr
>
</
table
>
<
br
/>
<
asp:SqlDataSource
ID
=
"SqlDataSource1"
runat
=
"server"
ConnectionString="<%$ ConnectionStrings:MyConnection %>"
SelectCommand="EXEC mytestSP">
</
asp:SqlDataSource
>
</
div
>
</
form
>
</
body
>
</
html
>
I would appreciate if someone could give some help. Thanks!