You are here:
Foswiki
>
Sandbox Web
>
NatSkinTest
(19 Jun 2013, micha)
(raw view)
E
dit
A
ttach
---+!! %TOPIC% %BUTTON{"Toggle grid" icon="table" class="foswikiRight" onclick="jQuery('.natMain').toggleClass('showgrid')"}% uismod xxx tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et ---++ Response Messages <div class="foswikiSuccessMessage"> Success, everything is fine. Click [[%TOPIC%][here]]. </div> <div class="foswikiWarningMessage"> Warning, could not connect to server. Click [[%TOPIC%][here]]. </div> <div class="foswikiErrorMessage"> Error, something is wrong. Click [[%TOPIC%][here]]. </div> <div class="foswikiTipMessage"> Check this out. Click [[%TOPIC%][here]]. </div> %CLEAR% %TOC{title="On this page"}% *left*: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla <p style="text-align:justify"> *justify*: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla </p> <p style="text-align:right"> *right*: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla </p> %TWISTY% <p class="foswikiLarge"> *foswikiLarge:* Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui. </p> <p class="foswikiSmallish"> *foswikiSmallish:* Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla </p> <p class="foswikiSmall"> *foswikiSmall:* Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla </p> %ENDTWISTY% ---++ Text-decorations blandit praesent *Bold text* ad minim veniam luptatum zzril _Italic text_, quis nostrud exerci luptatum zzril __Bold italic text__, quis nostrud exerci blandit praesent luptatum =Monospace text= quis nostrud exerci blandit praesent luptatum ==Bold monospace text== quis nostrud exerci blandit praesent <u>Underlined text</u> ut aliquip ex ea commodo zzril delenit <strike>Strike through text</strike> tation ullamcorper suscipit lobortis nisl hendrerit in vulputate <del>deleted text</del> at vero eros et accumsan et iusto odio dignissim qui accumsan et iusto odio dignissim qui <ins>Inserted text</ins> feugiat blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla <cite> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla </cite> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh ---++ Headline 2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. ---+++ Headline 3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q ---++++ Headline 4 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q ---+++++ Headline 5 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q ---++++++ Headline 6 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q ---++ Blockquote Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut <blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto <i>— Henry Moore</i> </blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut * some * list * after * a * blockquote * to * compare * indenting ---++ Lists lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q * apples 1 apples Hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 1 oranges Hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 1 strawberries 1 raspberries * apples 1 apples 1 oranges 1 strawberries 1 raspberries 1 apples 1 apples 1 apples 1 oranges 1 strawberries 1 raspberries 1 oranges 1 oranges 1 strawberries 1 raspberries 1 oranges 1 oranges 1 oranges 1 strawberries 1 raspberries 1 oranges 1 oranges * apples * oranges * strawberries * raspberries * oranges 1 strawberries 1 raspberries ---+++ Styled lists <div class="foswikiNoBullets"> * %JQICON{"user"}% custom bullet...Suspendisse molestie posuere justo vitae ultrices. Nunc auctor dolor leo, nec viverra sem. Donec est augue, pulvinar ut accumsan ac, sagittis rhoncus neque. Mauris eu purus magna. Nullam iaculis malesuada scelerisque. Morbi egestas molestie enim tempus luctus. Maecenas rutrum leo vitae tortor bibendum quis ultricies risus consectetur. Cras sed eros ut erat iaculis semper eget sit amet tellus. * %X% custom bullet * %Y% custom bullet * no bullet ... Suspendisse molestie posuere justo vitae ultrices. Nunc auctor dolor leo, nec viverra sem. Donec est augue, pulvinar ut accumsan ac, sagittis rhoncus neque. Mauris eu purus magna. Nullam iaculis malesuada scelerisque. Morbi egestas molestie enim tempus luctus. Maecenas rutrum leo vitae tortor bibendum quis ultricies risus consectetur. Cras sed eros ut erat iaculis semper eget sit amet tellus. * no bullet ... Suspendisse molestie posuere justo vitae ultrices. Nunc auctor dolor leo, nec viverra sem. Donec est augue, pulvinar ut accumsan ac, sagittis rhoncus neque. Mauris eu purus magna. Nullam iaculis malesuada scelerisque. Morbi egestas molestie enim tempus luctus. Maecenas rutrum leo vitae tortor bibendum quis ultricies risus consectetur. Cras sed eros ut erat iaculis semper eget sit amet tellus. </div> <div class="foswikiOrangeBullets"> * orange ...Suspendisse molestie posuere justo vitae ultrices. Nunc auctor dolor leo, nec viverra sem. Donec est augue, pulvinar ut accumsan ac, sagittis rhoncus neque. Mauris eu purus magna. Nullam iaculis malesuada scelerisque. Morbi egestas molestie enim tempus luctus. Maecenas rutrum leo vitae tortor bibendum quis ultricies risus consectetur. Cras sed eros ut erat iaculis semper eget sit amet tellus. * orange * orange </div> <div class="foswikiBlueBullets"> * blue * blue * blue </div> <div class="foswikiBlackBullets"> * black * black * black </div> <div class="foswikiGreenBullets"> * green * green * green </div> <div class="foswikiPinkBullets"> * pink * pink * pink </div> <div class="foswikiRedBullets"> * red * red * red </div> <div class="foswikiStarBullets"> * star * star * star </div> <div class="foswikiWhiteBullets"> * white * white * white </div> <div class="foswikiArrowBullets"> * arrow * arrow * arrow </div> <div class="foswikiAddBullets"> * add * add * add </div> <div class="foswikiTickBullets"> * tick * tick * tick </div> %CLEAR% <div class="foswikiNoBullets"> * %JQICON{"bullet_blue"}% blue * %JQICON{"bullet_red"}% red * %JQICON{"bullet_red"}% red * %JQICON{"bullet_red"}% red * %JQICON{"bullet_blue"}% blue * %JQICON{"bullet_blue"}% blue </div> ---++ Definitions Term: lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q Term: lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q Term: lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q Term: lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q ---++ Tables | *head* | *head* | *head* | | data | data | data | | data | data | data | | data | data | data | | data | data | data | | data | data | data | Hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. | *head* | data | data | data | | *head* | data | data | data | | *head* | data | data | data | | *head* | data | data | data | Vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. <table class="foswikiTable"> <tr> <th>head</th> <th>head</th> <th>head</th> </tr> <tr> <td>data</td> <td>data</td> <td>data</td> </tr> <tr> <td>data</td> <td>data</td> <td>data</td> </tr> <tr> <td>data</td> <td>data</td> <td>data</td> </tr> </table> ---++ Verbatim %TWISTY% <verbatim> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q </verbatim> %ENDTWISTY% ---++ Horizontal ruler Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim --- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ---++ Links This is a NonExistingWikiWord. This is an <span class="foswikiAlert">alert.</span>. ---++ Links in Heading UnknownWikiWord %TOPIC% [[%TOPIC%]] ---+++ Links in Heading UnknownWikiWord %TOPIC% [[%TOPIC%]] ---++++ Links in Heading UnknownWikiWord %TOPIC% [[%TOPIC%]] ---+++++ Links in Heading UnknownWikiWord %TOPIC% [[%TOPIC%]] ---++ Misc classes ---+++ alt <div class="alt"> ---++ %T% This is a tip top tip! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q | *header* | *header* | | data | data | | data | data | | data | data | | data | data | feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam </div> ---++ Forms <form action="%SCRIPTURLPATH{"view"}%/%WEB%/%TOPIC%#form"> <div class="foswikiPageForm"> <table> <tr> <th>Name:</th> <td><input type="text" class="foswikiInputField" name="name" size="30" value="%URLPARAM{"name"}%" /></td> </tr> <tr> <th>Subject:</th> <td><input type="text" class="foswikiInputField" name="subject" size="30" value="%URLPARAM{"subject"}%" /></td> </tr> <tr> <th>Message:</th> <td><textarea name="message" class="foswikiTextarea" rows="5" cols="50" >%URLPARAM{"message"}%</textarea> </tr> <tr> <th> </th> <td> %BUTTON{"%MAKETEXT{"Submit"}%" icon="tick"}% %BUTTON{"%MAKETEXT{"Cancel"}%" icon="cross"}% %CLEAR% </td> </tr> </table> </div> </form> <form> <div class="foswikiFormSteps"> <h2 >Headline inside form</h2> <div class="foswikiFormStep"> <h3>Input:</h3> <input type="text" size="30" /> </div> <div class="foswikiFormStep"> <h3>Input:</h3> <input type="text" size="30" /> </div> <div class="foswikiFormStep"> <h3>Input:</h3> <input type="text" size="30" /> </div> <div class="foswikiFormStep foswikiFormButtons foswikiFormLast"> %BUTTON{"%MAKETEXT{"Submit"}%" icon="tick"}% %BUTTON{"%MAKETEXT{"Cancel"}%" icon="cross"}% %CLEAR% </div> </div> </form> ---++ Tabs ---+++ Form inside Tab %TABPANE{animate="on"}% %TAB{"Form 1"}% <h2 >Headline inside form</h2> <div class="foswikiFormSteps"> <div class="foswikiFormStep"> <h3>Input:</h3> <input type="text" size="30" /> </div> <div class="foswikiFormStep"> <h3>Input:</h3> <input type="text" size="30" /> </div> <div class="foswikiFormStep"> <h3>Input:</h3> <input type="text" size="30" /> </div> <div class="foswikiFormStep foswikiFormButtons foswikiFormLast"> %BUTTON{"%MAKETEXT{"Submit"}%" icon="tick"}% %CLEAR% </div> </div> %ENDTAB% %TAB{"Form 2"}% <form> <div class="foswikiFormSteps"> <h2 > Headline inside form 2</h2> <div class="foswikiFormStep"> <h3>Input:</h3> <input type="text" size="30" /> </div> <div class="foswikiFormStep foswikiFormButtons foswikiFormLast"> <input type="submit" value="Go" class="foswikiSubmit" /> </div> </div> </form> %ENDTAB% %ENDTABPANE% ---+++ Default theme %TABPANE{animate="on"}% %TAB{"First tab"}% Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla %ENDTAB% %TAB{"Second tab"}% Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla %ENDTAB% %ENDTABPANE% ---+++ Simple theme %TABPANE{animate="on" class="simple"}% %TAB{"First tab"}% Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla %ENDTAB% %TAB{"Second tab"}% Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla %ENDTAB% %ENDTABPANE% ---+++ Plain theme %TABPANE{animate="on" class="plain"}% %TAB{"First tab"}% Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla %ENDTAB% %TAB{"Second tab"}% Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla %ENDTAB% %ENDTABPANE%
E
dit
|
A
ttach
|
P
rint version
|
H
istory
: r1
|
B
acklinks
|
V
iew topic
|
Edit
w
iki text
|
M
ore topic actions
Topic revision: r1 - 19 Jun 2013, micha
Sandbox
Log In
or
Register
Toolbox
Create New Topic
Index
Search
Changes
Notifications
RSS Feed
Statistics
Preferences
Webs
Cosmo
Main
Sandbox
System
English
Français
Polski
Copyright © CC-BY-SA by the contributing authors. All material on this collaboration platform is copyrighted under CC-BY-SA by the contributing authors unless otherwise noted.
Ideas, requests, problems regarding Foswiki?
Send feedback