Databinding to an Accordion
Wed, 25 Nov 2009 05:35:05 GMT
Posted by mfalac
try it here
some reason default margin value is em so you have to overwrite it!
.accordionHeader
{
border: 1px solid #00000;
color: black;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
margin: 3px;
background: url(images/img07.gif) repeat-x;
}
.accordionContent
{
background-color: white;
border-top: none;
padding: 5px;
padding-top: 10px;
margin: 1px;
border-style: dashed;
border-width: 1px;
border-color: #2F4F4F;
}
and
<cc1:Accordion ID="Accordion2" runat="server"
SelectedIndex="0"
HeaderCssClass="accordionHeader"
HeaderSelectedCssClass="accordionHeader"
ContentCssClass="accordionContent"
AutoSize="None"
FadeTransitions="True"
TransitionDuration="250"
FramesPerSecond="40"
RequireOpenedPane="False"
SuppressHeaderPostbacks="true" DataSourceID="SqlDataSource1">
<HeaderTemplate>
<h4>
<%#(DataBinder.Eval(Container.DataItem, "Title"))%></h4>
</HeaderTemplate>
<ContentTemplate>
<%#(DataBinder.Eval(Container.DataItem, "Title"))%>
<br />
Posted by <%#(DataBinder.Eval(Container.DataItem, "UserName"))%> on
<%#(DataBinder.Eval(Container.DataItem, "Date"))%>
<p>
<%#(DataBinder.Eval(Container.DataItem, "Content"))%>
</p>
</ContentTemplate>
</cc1:Accordion>