You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@wicket.apache.org by Valery Gorbunov <va...@hys-enterprise.com> on 2012/08/10 16:34:01 UTC

Multi row Tabs

Hi All,

I am new in Wicket. Is it possible to implement Tabs in multi row manner. I
see in examples or tutorial only singe row tabs.

If not. Which best way to implement it?

Thank you.

Valery Gorbunov

Re: Multi row Tabs

Posted by Valery Gorbunov <va...@hys-enterprise.com>.
Great advise Paul,
Thank you.

On Sat, Aug 11, 2012 at 2:53 AM, Paul Bors <pa...@bors.ws> wrote:

> You can change the look-n-feel of any Wicket component by simply extending
> the Wicket class, and either modify the HTML and/or the CSS.
>
> If you modify the HTML make sure you preserve the wicket component tree
> unchanged since the super class will break at runtime if you shift the HTML
> code around and break the hierarchy of the wicket component tree.
>
> I extended from AjaxTabbedPanel and have two panels that would either
> render
> the tabs horizontal or vertical and when they reach the end of the page
> they
> will wrap to the second row or column.
>
> The look-n-feel as well as horizontal or vertical orientation is handled by
> different CSS classes via the float attribute (and many others) inside my
> package. For example:
>
> Horizontal tabs from left to right use this CSS class:
> div.horizontalTabpanel div.tab-row li.selected {
>     float: left;
>     ...
> }
>
> Vertical tabs from top to bottom use this:
> div.verticalTabpanel div.tab-row li.selected {
>     float: top;
>     ...
> }
>
> One class sets the CSS of the main panel to either horizontalTabpanel or
> verticalTabpanel.
>
> ~ Thank you,
>   Paul Bors
>
> -----Original Message-----
> From: Valery Gorbunov [mailto:valery.gorbunov@hys-enterprise.com]
> Sent: Friday, August 10, 2012 10:34 AM
> To: users@wicket.apache.org
> Cc: Alex Khalevin
> Subject: Multi row Tabs
>
> Hi All,
>
> I am new in Wicket. Is it possible to implement Tabs in multi row manner. I
> see in examples or tutorial only singe row tabs.
>
> If not. Which best way to implement it?
>
> Thank you.
>
> Valery Gorbunov
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>

RE: Multi row Tabs

Posted by Paul Bors <pa...@bors.ws>.
You can change the look-n-feel of any Wicket component by simply extending
the Wicket class, and either modify the HTML and/or the CSS.

If you modify the HTML make sure you preserve the wicket component tree
unchanged since the super class will break at runtime if you shift the HTML
code around and break the hierarchy of the wicket component tree.

I extended from AjaxTabbedPanel and have two panels that would either render
the tabs horizontal or vertical and when they reach the end of the page they
will wrap to the second row or column.

The look-n-feel as well as horizontal or vertical orientation is handled by
different CSS classes via the float attribute (and many others) inside my
package. For example:

Horizontal tabs from left to right use this CSS class:
div.horizontalTabpanel div.tab-row li.selected {
    float: left;
    ...
}

Vertical tabs from top to bottom use this:
div.verticalTabpanel div.tab-row li.selected {
    float: top;
    ...
}

One class sets the CSS of the main panel to either horizontalTabpanel or
verticalTabpanel.

~ Thank you,
  Paul Bors

-----Original Message-----
From: Valery Gorbunov [mailto:valery.gorbunov@hys-enterprise.com] 
Sent: Friday, August 10, 2012 10:34 AM
To: users@wicket.apache.org
Cc: Alex Khalevin
Subject: Multi row Tabs

Hi All,

I am new in Wicket. Is it possible to implement Tabs in multi row manner. I
see in examples or tutorial only singe row tabs.

If not. Which best way to implement it?

Thank you.

Valery Gorbunov


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org