reach_prgmmer
asked on
How to set font size in repeater control in ASP.Net?
I am using CSS style sheet to style my repeater control. It is somehow not setting the font size. How can I set font size in my repeater control?
STYLE SHEET
-------------------
div.repeater
{
width:auto;
height:125px;
overflow:scroll;
font-size:12px;
font-weight:800;
}
.reptable
{
width : 100%;
border : 1px solid #ffffff;
background-color : #cccccc;
font-size:12px;
font-weight:800;
}
.reptableheadercell
{
border-bottom : 1px solid #ffffff;
border-right : 1px solid #ffffff;
background-color : #4B6C9E;
color : #ffffff;
font-size:12px;
font-weight:800;
}
.reptablehdrcell
{
border-bottom : 1px solid #ffffff;
border-right : 1px solid #ffffff;
background-color : #4B6C9E;
color : #ffffff;
width:auto;
font-size:12px;
font-weight:800;
}
.reptableheadercell td
{
color : Black;
padding-left : 5px;
padding-right : 5px;
font-size:12px;
font-weight:800;
}
.reptablerowcell1
{
color : Black;
border-bottom : 1px solid #ffffff;
border-right : 1px solid #ffffff;
background-color : #eeeeee;
color : #000000;
font-size:8px;
font-weight:800;
}
.reptablerowcell1 td
{
color : #000000;
padding-left : 5px;
padding-right : 5px;
font-size:8px;
font-weight:800;
}
.reptablerowcell2
{
color : #000000;
border-bottom : 1px solid #ffffff;
border-right : 1px solid #ffffff;
background-color : #cccccc;
font-size:8px;
font-weight:800;
}
.reptablerowcell2 td
{
color : #000000;
padding-left : 5px;
padding-right : 5px;
font-size:8px;
font-weight:800;
}
ASPX page
----------------
<div class="repeater">
<asp:Repeater ID="rep" runat="server">
<HeaderTemplate>
<table width="100%" class="reptable">
<tr align="center" class="reptable">
<td class="reptableheadercell" >column1</ td>
<td class="reptableheadercell" >column2</ td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr align="center">
<td class="reptablerowcell1">< %# DataBinder.Eval(Container. DataItem, "column1")%>
</td>
<td class="reptablerowcell1">< %# DataBinder.Eval(Container. DataItem, "column2")%>
</td>
</tr>
</ItemTemplate>
<AlternatingItemTemplate>
<tr align="center" class="reptablerowcell2">
<td class="reptablerowcell2 td"><%# DataBinder.Eval(Container. DataItem, "column1")%>
</td>
<td class="reptablerowcell2 td"><%# DataBinder.Eval(Container. DataItem, "column2")%>
</td>
</tr>
</AlternatingItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
STYLE SHEET
-------------------
div.repeater
{
width:auto;
height:125px;
overflow:scroll;
font-size:12px;
font-weight:800;
}
.reptable
{
width : 100%;
border : 1px solid #ffffff;
background-color : #cccccc;
font-size:12px;
font-weight:800;
}
.reptableheadercell
{
border-bottom : 1px solid #ffffff;
border-right : 1px solid #ffffff;
background-color : #4B6C9E;
color : #ffffff;
font-size:12px;
font-weight:800;
}
.reptablehdrcell
{
border-bottom : 1px solid #ffffff;
border-right : 1px solid #ffffff;
background-color : #4B6C9E;
color : #ffffff;
width:auto;
font-size:12px;
font-weight:800;
}
.reptableheadercell td
{
color : Black;
padding-left : 5px;
padding-right : 5px;
font-size:12px;
font-weight:800;
}
.reptablerowcell1
{
color : Black;
border-bottom : 1px solid #ffffff;
border-right : 1px solid #ffffff;
background-color : #eeeeee;
color : #000000;
font-size:8px;
font-weight:800;
}
.reptablerowcell1 td
{
color : #000000;
padding-left : 5px;
padding-right : 5px;
font-size:8px;
font-weight:800;
}
.reptablerowcell2
{
color : #000000;
border-bottom : 1px solid #ffffff;
border-right : 1px solid #ffffff;
background-color : #cccccc;
font-size:8px;
font-weight:800;
}
.reptablerowcell2 td
{
color : #000000;
padding-left : 5px;
padding-right : 5px;
font-size:8px;
font-weight:800;
}
ASPX page
----------------
<div class="repeater">
<asp:Repeater ID="rep" runat="server">
<HeaderTemplate>
<table width="100%" class="reptable">
<tr align="center" class="reptable">
<td class="reptableheadercell"
<td class="reptableheadercell"
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr align="center">
<td class="reptablerowcell1"><
</td>
<td class="reptablerowcell1"><
</td>
</tr>
</ItemTemplate>
<AlternatingItemTemplate>
<tr align="center" class="reptablerowcell2">
<td class="reptablerowcell2 td"><%# DataBinder.Eval(Container.
</td>
<td class="reptablerowcell2 td"><%# DataBinder.Eval(Container.
</td>
</tr>
</AlternatingItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER