JAVA Apache Wicket Accordion Setup

Home >Shield UI Documentation >Accordion >JAVA Apache Wicket >JAVA Apache Wicket Accordion Setup

The ShieldUI Accordion Apache Wicket component offers streamlined setup and deployment of our libraries.

Since it is a wrapper of our javascript Accordion component, you need to include the references to the CSS and JavaScript resources in the HEAD section of your webpage:

<!DOCTYPE html>
<html>
<head>
<title>Shield Accordion</title>
<meta charset="utf-8" />

<link rel="stylesheet" type="text/css" href="css/light/all.min.css" />
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/shieldui-all.min.js"></script>

</head>
<body>
    <div wicket:id="accordion"></div>
</body>
</html>

Then init the accordion and add it to your wicket page like in the following example:

Accordion accordion = new Accordion("accordion");
AccordionOptions options = accordion.getOptions();

options.setMode(AccordionOptions.Mode.MULTIPLE);
options.setDataSource(new DataSourceOptions()
                        .setData(
                                new HashMap() {{
                                    put("title", "Perl");
                                    put("content", "A very good programming language");
                                }},
                                new HashMap() {{
                                    put("title", "C++");
                                    put("content", "Fast and strong");
                                }},
                                new HashMap() {{
                                    put("title", "JAVA");
                                    put("content", "Good stuff");
                                }},
                                new HashMap() {{
                                    put("title", "PHP");
                                    put("content", "Rapid development");
                                }}
                        ));

add(accordion);

To see more information on this wrapper, please refer to the following startup guide.