Item8486: Define overflow in TABPANE

Priority:	CurrentState:	AppliesTo:	Component:	WaitingFor:
Enhancement	Closed	Extension	JQueryPlugin, NatEditPlugin	Main.MichaelDaum

TABPANE should offer parameter to control overflow

NatEditPlugin uses very nice tabpanes in edit mode. The definition for tabpane in NatEdit defines tabs to autoexpand to max.

%TABPANE{automaxexpand="on" minheight="300" animate="on"}%

The buttons 'save' etc. on the other hand are always nicely positioned at the bottom of the visible area of the edit screen.

This leads now to conflicts with long forms:

• Form and buttons overlap
• the edit window gets a vertical scroll bar, when only the tab should get one

Sample:

Quickfix

We added overflow: auto to .jqTabContents in jquery.tabpane.css. But this changes the behaviour of the tabpane wiki wide.

Suggested improvement to TABPANE or TAB

We would love to see an additional parameter to TABPANE or TAB offering the possibility to define overflow individually.

-- AndreLichtsteiner - 09 Feb 2010

Quickfix:

-- styles.uncompressed.css     (revision 6246)
+++ styles.uncompressed.css     (working copy)
@@ -3,7 +3,7 @@
   font-size:12px;
   line-height:normal;
 }
-.natEditBody .jqTabContents {
+.natEditContainer .jqTabContents {

-- MichaelDaum - 09 Feb 2010

Thanks for the fix.

-- AndreLichtsteiner - 09 Feb 2010

Released in v4.21

-- MichaelDaum - 12 Feb 2010