accordion component (wiquery)

7 messages

accordion component (wiquery)

Reply Threaded

Hello again,

I want to use the accordion component from wiquery in my application but the result is very strange, a combination between accordion and tabpane.
See the image for more details.

Any information about this behaviour?

// java code
public class AccordionTestPage extends WebPage {

public AccordionTestPage() {
Accordion accordion = new Accordion("accordion");
accordion.setHeader("a.head");
accordion.setAlwaysOpen(true);
accordion.setAutoHeight(true);
accordion.setFillSpace(true);
add(accordion);
}

}

// html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:wicket="http://wicket.sourceforge.net/" xml:lang="en" lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

<link rel="SHORTCUT ICON" href="images/favicon.ico" />
</head>

<body>
<ul class="accordion" wicket:id="accordion">
<li>
Reports
<div>Reports...</div>
</li>
<li>
Data Sources
<div>Data Sources...</div>
</li>
<li>
Scheduler
<div>Scheduler...</div>
</li>
<li>
Security
<div>Security...</div>
</li>
</ul>
</body>

</html>

Thanks,
Decebal

Lionel Armanet

Re: accordion component (wiquery)

Reply Threaded

Hi,

Could you send us the head section of your document to check what is generated ?

Lionel

On Tue, Apr 21, 2009 at 4:08 PM, Decebal Suiu (via Nabble) <[hidden email]> wrote:

Hello again,

I want to use the accordion component from wiquery in my application but the result is very strange, a combination between accordion and tabpane.
See the image for more details.

Any information about this behaviour?

// java code
public class AccordionTestPage extends WebPage {

public AccordionTestPage() {
Accordion accordion = new Accordion("accordion");
accordion.setHeader("a.head");
accordion.setAlwaysOpen(true);
accordion.setAutoHeight(true);
accordion.setFillSpace(true);
add(accordion);
}

}

// html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:wicket="http://wicket.sourceforge.net/" xml:lang="en" lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

<link rel="SHORTCUT ICON" href="images/favicon.ico" />
</head>

<body>
<ul class="accordion" wicket:id="accordion">
<li>
Reports
<div>Reports...</div>
</li>
<li>
Data Sources
<div>Data Sources...</div>
</li>
<li>
Scheduler
<div>Scheduler...</div>
</li>
<li>
Security
<div>Security...</div>
</li>
</ul>
</body>

</html>

Thanks,
Decebal

--
__________________________________

Lionel Armanet
WickeXt becomes WiQuery ! http://code.google.com/p/wiquery
gmail: lionel.armanet*at*gmail.com

Decebal Suiu

Re: accordion component (wiquery)

Reply Threaded

Done accordion.html

Lionel Armanet

Re: accordion component (wiquery)

Reply Threaded

Hi,

I made a fix yesterday about the same kind of problem. Could you retry with updated sources or do you need a jar version ?

Lionel

On Thu, Apr 23, 2009 at 10:17 AM, Decebal Suiu (via Nabble) <[hidden email]> wrote:

Done accordion.html

--
__________________________________

Lionel Armanet
WickeXt becomes WiQuery ! http://code.google.com/p/wiquery
gmail: lionel.armanet*at*gmail.com

Decebal Suiu

Re: accordion component (wiquery)

Reply Threaded

Works with bellow code (last version from svn):

<ul wicket:id="accordion">
<li>
<h3>Reports</h3>
<div>Reports...</div>
</li>
<li>
<h3>Data Sources</h3>
<div>Data Sources...</div>
</li>
<li>
<h3>Scheduler</h3>
<div>Scheduler...</div>
</li>
<li>
<h3>Security</h3>
<div>Security...</div>
</li>
</ul>

Lionel Armanet

Re: accordion component (wiquery)

Reply Threaded

Great !

I started a demo application if you want to have an accordion example (check the demoapp folder, a sibling of trunk).

Lionel

On Thu, Apr 23, 2009 at 3:02 PM, Decebal Suiu (via Nabble) <[hidden email]> wrote:

Works with bellow code (last version from svn):

<ul wicket:id="accordion">
<li>
<h3>Reports</h3>
<div>Reports...</div>
</li>
<li>
<h3>Data Sources</h3>
<div>Data Sources...</div>
</li>
<li>
<h3>Scheduler</h3>
<div>Scheduler...</div>
</li>
<li>
<h3>Security</h3>
<div>Security...</div>
</li>
</ul>

--
__________________________________

Lionel Armanet
WickeXt becomes WiQuery ! http://code.google.com/p/wiquery
gmail: lionel.armanet*at*gmail.com

Decebal Suiu

Re: accordion component (wiquery)

Reply Threaded

Very good ideea with demoapp. Thanks.