Thursday, 29 May 2014

How to set column width If ListItem in a CheckBoxList have big length in ASP.NET using CSS

Hi friends,in this article i will explain about How to set column width If ListItem in a CheckBoxList have big length in ASP.NET using CSS.
I already explained in the previous article about Create your own captcha image generator in ASP.NET using C#.NET/VB.NETHow to create a RDLC report using ASP.NET with C# /VB.NET and How to send emails using HTML Templates in ASP.NET using C#/VB.NET

ASP.NET:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>How to set column width If ListItem in a CheckBoxList have big length in ASP.NET
        using CSS</title>
    <style type="text/css">
        .chkBoxList td
        {
            word-break: break-all;
            word-wrap: break-word;
            width: 100px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:CheckBoxList runat="server" ID="chkBoxList1" CssClass="chkBoxList" RepeatColumns="4"
            RepeatLayout="Table">
            <asp:ListItem Value="Kishore">Kishore</asp:ListItem>
            <asp:ListItem Value="Kishore">Kishore</asp:ListItem>
            <asp:ListItem Value="Kishore">Kishore</asp:ListItem>
            <asp:ListItem Value="Kishore">Kishore</asp:ListItem>
            <asp:ListItem Value="Kishore">Kishore</asp:ListItem>
            <asp:ListItem Value="Kishore">KishoreKishoreKishoreKishoreKishoreKishoreKishoreKishore
KishoreKishoreKishoreKishoreKishoreKishoreKishoreKishoreKishore</asp:ListItem>
            <asp:ListItem Value="Kishore">Kishore</asp:ListItem>
            <asp:ListItem Value="Kishore">Kishore</asp:ListItem>
        </asp:CheckBoxList>
    </div>
    </form>
</body>
</html>


The output of the above page as shown in the below figure.

No comments:

Post a Comment

© 2012-2014 Aspdotnet-Kishore.blogspot.com. All Rights Reserved.
The content is copyrighted to Kishore and may not be reproduced on other websites without permission from the owner.