Shulou(Shulou.com)06/03 Report--

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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.