SweetDev Ajax Collapse Content Part 5
Sweetdev allows you to create fancy drop down menus. They also contain a manager that will allow only one drop down window to be opened.
SimpleCollapse.jsp
<%@ taglib prefix="ria" uri="http://sweetdev-ria.ideotechnologies.com" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<ria:resourcesImport importResources="true"/>
</head>
<body>
<br><br>
<ria:collapse header="Click to collapse">
Hello World !
</ria:collapse>
<ria:collapse id="collapse1" collapse="true" header="This is the collapse Header" >
<ria:collapseHeader>
<div align="center" style="display: inline; vertical-align: middle;"><b><i>This is a rich text</i></b></div>
</ria:collapseHeader>
This is the collapse content.
</ria:collapse>
<br/>
Collapsable Manager
<ria:collapseManager>
<ria:collapse id="collapse" collapse="true" header="First collapse">
This is the first collapse content.
</ria:collapse>
<br/><br/>
<ria:collapse id="collapse2" collapse="true" header="Second collapse">
This is the second collapse content.
</ria:collapse>
<ria:collapse id="collapse3" collapse="true" header="Last collapse">
This is the last collapse content.
</ria:collapse>
</ria:collapseManager>
</body>
</html>
The ria:collapseManager allows you to manage what drop downs are opened. You need to make sure that each ria:collapse has a seperate id associated with it.
Go To Part 6
0 comments:
Post a Comment