You are here: Foswiki>Tasks Web>Item8486 (12 Feb 2010, MichaelDaum)Edit Attach

Item8486: Define overflow in TABPANE

pencil
Priority: Enhancement
Current State: Closed
Released In:
Target Release: n/a
Applies To: Extension
Component: JQueryPlugin, NatEditPlugin
Branches:
Reported By: AndreLichtsteiner
Waiting For: Main.MichaelDaum
Last Change By: 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: bug.gif

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

 

ItemTemplate edit

Summary Define overflow in TABPANE
ReportedBy AndreLichtsteiner
Codebase
SVN Range
AppliesTo Extension
Component JQueryPlugin, NatEditPlugin
Priority Enhancement
CurrentState Closed
WaitingFor MichaelDaum
Checkins distro:53045b980584
TargetRelease n/a
ReleasedIn
I Attachment Action Size Date Who Comment
bug.gifgif bug.gif manage 26 K 09 Feb 2010 - 14:52 AndreLichtsteiner  
Topic revision: r4 - 12 Feb 2010, MichaelDaum
The copyright of the content on this website is held by the contributing authors, except where stated elsewhere. See Copyright Statement. Creative Commons License    Legal Imprint    Privacy Policy