Twisty in Twiki     

Bullet Lists inside Twisty

The lists can easily make browsers crazy.

It looks like the following has to be taken into account in the TwistyPlugin description :

"

Parameter Value Description Remark
mode "div" or "span" Specify if the Twisty Toggle section will use a <div> or a <span> tag. Note that if the contents contains block elements such as div, mode should be div as well to create valid HTML markup. optional, defaults to <span>
"

If we suppose that a bullet list does "contain block elements such as div ", then

 %TWISTY{mode="div"}%
may be a necessary specification.

However, the above spec has an undesired effect, that the twisty material then always starts in a new line.

An alternative is to put the %TWISTY% together with the surrouding paragraph inside a

<div> ... </div>
clause.

Here is a quite complicated example.
The code:

%GREEN%
<div>
A, B (
%TWISTY%
   * L1 1
   * L1 2
     %TWISTY%
      * L2 2-1
      * L2 2-2
        %TWISTY%
         * L3 2-2-1
         * L3 2-2-2
        %ENDTWISTY%
      * L2 2-3
     %ENDTWISTY%
   * L1 3
%ENDTWISTY%
), C
</div>
%ENDCOLOR%
and its realisation (in green) in your current browser:

A, B ( More... Close ), C

Shown below is a snapshot of how this is displayed and expanded by Firefox 3.6.25 (with the green highlighting removed). It works OK as it was designed. Behave similarily: Firefox 9.0.1 , SeaMonkey 2.6.1 , Opera 11.60 , Mozilla 1.4.2 , Google Chrome 16.0.912.75 m .

ff1.JPG ff2.JPG ff3.JPG ff4.JPG

At the same time the Internet Explorer 9 has problems with the code: it displays additional not-coded bullets:

ie1.JPG ie2.JPG ie3.JPG ie4.JPG

Note. A very old Konqueror 3.1-12 does not display a twisty material at all.


Topic attachments
I Attachment History Action Size Date Who Comment
JPEGjpg ff1.JPG r1 manage 9.0 K 2012-01-15 - 03:01 AlexanderFedotov  
JPEGjpg ff2.JPG r1 manage 10.9 K 2012-01-15 - 03:02 AlexanderFedotov  
JPEGjpg ff3.JPG r1 manage 14.0 K 2012-01-15 - 03:03 AlexanderFedotov  
JPEGjpg ff4.JPG r1 manage 15.9 K 2012-01-15 - 03:05 AlexanderFedotov  
JPEGjpg ie1.JPG r1 manage 9.0 K 2012-01-15 - 03:35 AlexanderFedotov  
JPEGjpg ie2.JPG r1 manage 11.5 K 2012-01-15 - 03:35 AlexanderFedotov  
JPEGjpg ie3.JPG r1 manage 15.0 K 2012-01-15 - 03:35 AlexanderFedotov  
JPEGjpg ie4.JPG r1 manage 19.9 K 2012-01-15 - 03:36 AlexanderFedotov  
Edit | Attach | Watch | Print version | History: r4 < r3 < r2 < r1 | Backlinks | Raw View | WYSIWYG | More topic actions
Topic revision: r4 - 2012-01-17 - AlexanderFedotov
 
    • Cern Search Icon Cern Search
    • TWiki Search Icon TWiki Search
    • Google Search Icon Google Search

    Main All webs login

This site is powered by the TWiki collaboration platform Powered by PerlCopyright & 2008-2019 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback