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

 
Topic revision: r4 - 12 Feb 2010, MichaelDaum - This page was cached on 25 Aug 2016 - 10:49.

The copyright of the content on this website is held by the contributing authors, except where stated elsewhere. See Copyright Statement. Creative Commons License