How to fill the checkbox controls with some default colors

I have a checkboxlist control, which as a few checkboxes.
I want to fill the checkboxes with different colors based on the text value of the checkbox
<asp:CheckBoxList ID="chkboxlistItems" runat="server"   RepeatDirection="Vertical">
                 <asp:ListItem  Text="Master" Value="Appointment Master" ></asp:ListItem>
                 <asp:ListItem  Text="Annual Draws" Value="Annual Draws"></asp:ListItem>
                 <asp:ListItem  Text="Semi Annual Draws" Value="Semi Annual Draws"></asp:ListItem>
                 <asp:ListItem  Text="Quarterly Draws" Value="Quarterly Draws"></asp:ListItem>
                 <asp:ListItem  Text="Monthly Draws" Value="Monthly Draws"></asp:ListItem>
                 <asp:ListItem  Text="Weekly Draws" Value="Weekly Draws"></asp:ListItem>
                 <asp:ListItem  Text="Non Routine Draws" Value="Non Routine Draws"></asp:ListItem>
                 <asp:ListItem  Text="Overlapping Draws & Holidays" Value="Overlapping Draws & Holidays"></asp:ListItem>
                 <asp:ListItem  Text="Public Holidays" Value="Public Holidays"></asp:ListItem>
                 <asp:ListItem  Text="Soft Holidays" Value="Soft Holidays"></asp:ListItem>
                 
                 </asp:CheckBoxList>

Open in new window

LVL 1
countrymeisterAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Amandeep Singh BhullarCommented:
You can do this in Silverlight.
But in simple asp.net, i don't think you can do it.

If you have any example please post the link here

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
countrymeisterAuthor Commented:
here is a screen shot of what I want to achieve.
CheckboxLayout.png
starlite551Commented:
Try using a CSS Styling to the CheckBoxList Control.. for example :
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <style type="text/css">
        .dataFieldBold{
            color: rgb(155,51,19);
            font-size:20px;
            font-family: Verdana;
            font-weight: bold;
        }    
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:CheckBoxList id="cblSkills" CssClass=dataFieldBold runat="server" Width="308px"></asp:CheckBoxList>
    </div>
    </form>
</body>
</html>
 
    protected void Page_Load(object sender, EventArgs e)
    {
        cblSkills.Items.Add("aaaaaa");
        cblSkills.Items.Add("aaaaaa");
        cblSkills.Items.Add("aaaaaa");
        cblSkills.Items.Add("aaaaaa");
        cblSkills.Items.Add("aaaaaa");
    }

Open in new window

Your Guide to Achieving IT Business Success

The IT Service Excellence Tool Kit has best practices to keep your clients happy and business booming. Inside, you’ll find everything you need to increase client satisfaction and retention, become more competitive, and increase your overall success.

starlite551Commented:
I had to use clientscript to change color of listitems within a listbox .. again, the requirement was to check for a condition and if satisfied change the color and add the item, else keep the default color .. I used vbscript as this was an intranet project the browser to be used was always IE .. i used the following lines of code to acheive it

for lintCtr = 0 to lobjNodeList.length - 1
  set lobjOptionTag = document.createElement("OPTION")
  if lobjNodeList.item(lintCtr).childnodes(PositionYear).text <> 0 then      'Template has been generated
      lobjOptionTag.text = lobjOptionTag.text + " (Generated)"
      lobjOptionTag.style.color = "#009900"
  end if
  frmBudgetTemplate.lstCurrentProperties.add(lobjOptionTag)
Next


lstCurrentProperties is the listbox
Vikram Singh SainiSoftware Engineer cum AD DeveloperCommented:
Check link:

http://niitdeveloper.blogspot.com/2010/12/apply-attributes-to-listitem-in-list.html

for how to apply styles to listitems in CheckBox.
countrymeisterAuthor Commented:
Here is the poor mans way of doing this, had to get away from the checkbox



 &nbsp;&nbsp;<asp:TextBox ID="txtAnnualDraws"  CssClass="txtBoxDraws" runat="server" style="background-color:Purple;" ></asp:TextBox>
          <asp:HyperLink ID="hlAnnualDraws"   CssClass="hlDraws"  Text="Annual Draws" runat="server"></asp:HyperLink><br />
          &nbsp;&nbsp;<asp:TextBox ID="txtSemiAnnualDraws"  CssClass="txtBoxDraws" runat="server" style="background-color:#F1A9F5;" ></asp:TextBox>
          <asp:HyperLink ID="hlSemiAnnualDraws"   CssClass="hlDraws"  Text="Semi Annual Draws" runat="server"></asp:HyperLink><br />
          &nbsp;&nbsp;<asp:TextBox ID="txtQuarterlyDraws"  CssClass="txtBoxDraws" runat="server" style="background-color:#2F86BD;" ></asp:TextBox>
          <asp:HyperLink ID="hlQuarterlyDraws"   CssClass="hlDraws"  Text="Quarterly Draws" runat="server"></asp:HyperLink><br />


style txtBoxDraws
.txtBoxDraws
{
    height: 9px;
    width : 9px;
}
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
ASP.NET

From novice to tech pro — start learning today.