Barcode - 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: Black Leather Couch
Manufacturer: Spidea England
Price: 4565.0000
Dimensions: 2.6 x 0.7
Quantity: 4
00000208
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
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

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.

  • DefaultCS.aspx
  • styles.css
<%@ Page Language="c#"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<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

Help Us Improve

Was this example helpful?