New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Integration with RadListView

Products
Product: Wooden Table
Manufacturer: Molzano Italy
Price: 3534.0000
Dimensions: 1.2 x 0.8
Quantity: 3
00000185
Product: Glass Table
Manufacturer: Ovalia Germany
Price: 546.0000
Dimensions: 1.4 x 0.9
Quantity: 5
00000192
Product: Red Leather Couch
Manufacturer: Pront Italy
Price: 1534.0000
Dimensions: 2.5 x 0.8
Quantity: 4
00000215
Product: Lounge
Manufacturer: Procren Hungary
Price: 356.0000
Dimensions: 3.0 x 0.8
Quantity: 3
00000222
Product: Black Sofa
Manufacturer: Ovalia Germany
Price: 657.0000
Dimensions: 0.7 x 1.0
Quantity: 1
00000239
Product: Plywood Table
Manufacturer: Spidea England
Price: 234.0000
Dimensions: 0.5 x 0.5
Quantity: 4
00000246

RadBarcode allows you to easily visualize text as Barcode using the popular Barcode standards. The control can be integrated with wide range of controls. This example demonstrates how to embed RadBarcode control in RadListView.

  • DefaultVB.aspx
  • styles.css
<%@ Page Language="vb" AutoEventWireup="false"  %>

<%@ 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>Telerik ASP.NET Example</title>
    <link type="text/css" rel="Stylesheet" href="styles.css" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <telerik:RadFormDecorator RenderMode="Lightweight" ID="RadFormDecorator1" runat="server" DecorationZoneID="decoration-zone" DecoratedControls="Fieldset" />
    <div class="demo-container" id="decoration-zone">
        <telerik:RadListView ID="RadListView1" DataSourceID="SqlDataSource1" runat="server"
            ItemPlaceholderID="ProductsContainer">
            <LayoutTemplate>
                <fieldset>
                    <legend>Products</legend>
                    <asp:PlaceHolder ID="ProductsContainer" runat="server"></asp:PlaceHolder>
                </fieldset>
            </LayoutTemplate>
            <ItemTemplate>
                <fieldset class="lvidemo-fieldset">
                    <legend>Product:
                        <%#Eval("ProductName")%>
                    </legend>
                    <table cellpadding="0" cellspacing="0" class="lvidemo-table">
                        <tr>
                            <td>
                                Manufacturer:
                            </td>
                            <td>
                                <%#Eval("Manufacturer")%>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Price:
                            </td>
                            <td>
                                <%# Eval("Price")%>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Dimensions:
                            </td>
                            <td>
                                <%# Eval("Dimensions")%>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 50%">
                                Quantity:
                            </td>
                            <td style="width: 50%">
                                <%#Eval("Quantity")%>
                            </td>
                        </tr>
                    </table>
                    <telerik:RadBarcode ID="RadBarcode1" runat="server" Type="EAN8" Text='<%#Eval("ID")%>'
                        ShowText="true" ShortLinesLengthPercentage="80" Width="100px" Height="70px" Style="font-size: 15px;">
                    </telerik:RadBarcode>
                </fieldset>
            </ItemTemplate>
        </telerik:RadListView>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:TelerikConnectionString %>"
            ProviderName="System.Data.SqlClient" SelectCommand="SELECT TOP 6 * FROM [Products]">
        </asp:SqlDataSource>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance