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

Struggling with this online ListView demo!

0 Answers 80 Views

ListView

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

Yan Moura asked on 04 Feb 2021, 07:10 PM

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!

Struggling with this online ListView demo!

No answers yet. Maybe you can help?