How to use ajaxToolkit:AccordionPane
This article mainly introduces how to use ajaxToolkit:AccordionPane, the introduction in the article is very detailed, has a certain reference value, interested friends must read!
An ajaxToolkit:AccordionPane control that expands and collapses. Insus.NET is useful for projects. Because it can save display space. However, there is some deficiency, that is, users have just started to use it and need to remember every AccordionPane content. Or you need to use a visible name. In the following demonstration, there are only two converging AccordionPane, and if there are more than one, there will be the problems mentioned above.
Here's HTML:ajaxToolkit:Accordion.
The copy code is as follows:
Conditions
Header >
AjaxToolkit:AccordionPane >
Date
Header >
Here's CSS:Accordion.
The copy code is as follows:
.accordionHeader
{
Border: 1px solid # acacac
Color: # 0f2336
Background-color: # d2e6fa
Font-family: Arial, Sans-Serif
Font-size: 12px
Padding: 5px
Margin-top: 5px
Cursor: pointer
}
.accordionHeaderSelected
{
Border: 1px solid # acacac
Color: # 0f2336
Background-color: # 97b3d1
Font-family: Arial, Sans-Serif
Font-size: 12px
Padding: 5px
Margin-top: 5px
Cursor: pointer
}
.accordionContent
{
Background-color: # f4f7fc
Border: 1px dashed # acacac
Border-top: none
Padding: 5px
Padding-top: 10px
}
The above is all the contents of this article "how to use ajaxToolkit:AccordionPane". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!
