The Accordion control represents a series of panes that can be viewed one at a time. So this is so useful where the content publishing space is small.
The following are the key properties.
HeaderCssClass
Name of the CSS class to use for the headers. This can be either applied to the Accordion as a default for all AccordionPanes, or an individual AccordionPane.
HeaderSelectedCssClass
Name of the CSS class to use for the selected header. This can be either applied to the Accordion as a default for all AccordionPanes, or an individual AccordionPane.
ContentCssClass
Name of the CSS class to use for the content. This can be either applied to the Accordion as a default for all AccordionPanes, or an individual AccordionPane.
FadeTransitions
True to use the fading transition effect, false for standard transitions.
TransitionDuration
Number of milliseconds to animate the transitions.
HeaderTemplate
The Header template contains the markup that should be used for a pane's header when data binding.
ContentTemplate
The Content template contains the markup that should be used for a pane's content when data binding.
The following explains the AccordionPane control:
- Drag and drop the ToolkitScriptManager and Accordion controls from Ajax Toolkit.
- Drag and drop the AccordianPane control between pane tags.
- Add the following properties to the Accordion control:
- CssClass,
- HeaderCssClass,
- HeaderSelectedCssClass,
- ContentCssClass
This is the Style sheet I used:
<style type="text/css">
.accordionpane {
width: 300px;
}
.accrdHeader {
border: 1px solid #2F4F4F;
color: white;
background-color: #006B54;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}
.accrdHeaderSelected {
border: 1px solid #CBEBFA;
color: white;
background-color: #9D6B84;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}
.accrdContent {
background-color: #F5DEB3;
border: 1px #CBEBFA;
border-top: none;
padding: 5px;
padding-top: 10px;
}
</style>
This is the Accordin pane stuff:
Gowtham RajamanickamPosted Apr 12, 2016, 2:12 AM
Good One, Thanks for sharing
muhammad irfanPosted Apr 19, 2014, 6:22 AM
Server Error in '/job online' Application.Could not load type 'System.Web.UI.ScriptReferenceBase' from assembly 'System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35'. Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. Exception Details: System.TypeLoadException: Could not load type 'System.Web.UI.ScriptReferenceBase' from assembly 'System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35'. Source Error: An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below. Stack Trace: [TypeLoadException: Could not load type 'System.Web.UI.ScriptReferenceBase' from assembly 'System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35'.] AjaxControlToolkit.ToolkitScriptManager.OnResolveScriptReference(ScriptReferenceEventArgs e) in c:\Users\Stephen\Documents\Repos\Superexpert\AjaxControlToolkit\Server\AjaxControlToolkit\ToolkitScriptManager\ToolkitScriptManager.cs:276 System.Web.UI.ScriptManager.RegisterScripts() 261 System.Web.UI.ScriptManager.OnPagePreRenderComplete(Object sender, EventArgs e) 117 System.Web.UI.Page.OnPreRenderComplete(EventArgs e) 2063008 System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) 2247 Version Information: Microsoft .NET Framework Version:2.0.50727.1433; ASP.NET Version:2.0.50727.1433
Pramod tcPosted Jan 5, 2011, 6:46 AM
for beginers its very helpful...thank u... can u pls explain me on IIS..in simple
purushothaman ppnPosted Nov 30, 2010, 7:19 AM
Ssttuuppiidd ffeellooww ttoottaallyy wwaassttee