Log inRegister

System

You are here: System » Category » AdminDocumentationCategory » Skins » PatternSkin » PatternSkinElements

Pattern Skin Elements

2017.03.01 - 21:21 | Version 1 | ProjectContributor

Some intro text.

Text.

On this page:

Heading 2
- Heading 3
  - Heading 4
    - Heading 5
      - Heading 6
- Definition List
- Ordered List
- Unordered List
- TML markup unordered list
- TML markup ordered list
- TML markup numbered lists
- TML markup definition list
- TML mixed lists
H2 header with link
H2 header with link
- H3 header with link
  - H4 header with link
    - H5 header with link
      - H6 header with link
h2 header in a block
- h3 header in a block
  - h4 header in a block
    - h5 header in a block
      - h6 header in a block
Text sizes
Text colors
Blockquote
Rules
- header
Table
Code texts
- Inline code
- verbatim
- pre
Lists
Comment
Links
h2 header in a block
h2 header
h2 header in a block
h2 header
h2 header in a block
h2 header
h2 header in a block
h2 header
Buttons
- input type="submit"
- links
- buttons
- Input fields
  - Readonly
  - Disabled
JQuery buttons
Re-created jQuery buttons
Nat Edit buttons
Form steps
What to expect
Help text
Help
Images
- foswikiImage
- Icons
Foswiki styles
- Broadcast Message
Notification
Horizontal list
Tabs
- Foswiki tabs
- Foswiki tabs without tab pane
What to expect
- jQuery tabs
- Simple
- Links
Grid
Data form
Search results and search form
Upload Form
Comment form/table
Comment
Links

Heading 1

text

Heading 2

text

Heading 3

text

Heading 4

text

Heading 5

text

Heading 6

text

A very very very very very very very very very very very very very very very very very very very very very very very very long header

Regular text lorem ipsum dolor sit amet, test link adipiscing elit. Bold text nullam dignissim convallis est. Italic text quisque aliquam. Donec faucibus. Bold italic nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

paragraphs:

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

List Types

Definition List

Lower cost: The new version of this product costs significantly less than the previous one!
Easier to use: We've changed the product so that it's much easier to use!
Safe for kids: You can leave your kids alone in a room with this product and they won't get hurt (not a guarantee).

Ordered List

List Item 1
List Item 2
List Item 3

Unordered List

List Item 1
List Item 2
List Item 3

TML markup unordered list

level 1
- level 2
  - level 3
level 1

TML markup ordered list

level 1
1. level 2
  1. level 3
level 1
level 1
level 1
level 1
level 1
level 1
level 1
level 1
level 1
level 1
level 1
level 1
level 1

TML markup numbered lists

item 1
item 2
item 3

item 1
item 2
item 3

item 1
item 2
item 3

TML markup definition list

Sushi: Japan
Dim Sum: S.F.

TML mixed lists

level 1
- level 2
  - level 3
level 1
1. level 2
  1. level 3

H1 header with link

Intro text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

H2 header with link

Empty line before Intro text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

H3 header with link

H4 header with link

H5 header with link

H6 header with link

link

h1 header in a block

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

h2 header in a block

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

h3 header in a block

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

h4 header in a block

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

h5 header in a block

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

h6 header in a block

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

Text sizes

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal Smallish text. Smallish text. Smallish text. Smallish text. Smallish text. Smallish text. Smallish text. Smallish text. Smallish text. Small text. Small text. Small text. Small text. Small text. Small text. Small text. Small text. Small text.

Text colors

Grayed out text.

Alert text.

Blockquote

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

Rules

text

Table

Numbers	Texts
456	uvw
123	xyz
789	rst

and text below the table

Numbers	Texts
123	xyz
456	uvw
789	rst
def	rst
kqo	rst

Code texts

Inline code

lasdkj asldjas ldja sld adasdsadasdas aldjasldksaldkjas adslinkaidas.

verbatim

verbatim text
A lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text 
<a href='#'>link</a>

pre

verbatim text
A lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text 
link

Lists

Bullet list:

Item A
Item B a very long list text a very long list text a very long list text a very long list text a very long list text a very long list text a very long list text a very long list text a very long list text
- Item B.1
- Item B.2
Item C

Numbered list:

Item 1
Item 2 a very long list text a very long list text a very long list text a very long list text a very long list text a very long list text a very long list text a very long list text a very long list text
1. Item 2.1
2. Item 2.2
Item 3

Comment

Links

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. System Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum DoesNotExist Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

h2 header in a block

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

Available help:

Help: Please see System.FileAttachment for more information about attaching files.
Bug: Internet Explorer 4.0 or earlier: If you get an "Internal Server Error" message when you upload a file, you need to try again. It should work the second time.

h2 header

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

verbatim text
A lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text

Header

h2 header in a block

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

Available help:

Help: Please see System.FileAttachment for more information about attaching files.
Bug: Internet Explorer 4.0 or earlier: If you get an "Internal Server Error" message when you upload a file, you need to try again. It should work the second time.

h2 header

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

verbatim text
A lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text

Header

h2 header in a block

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

Available help:

Help: Please see System.FileAttachment for more information about attaching files.
Bug: Internet Explorer 4.0 or earlier: If you get an "Internal Server Error" message when you upload a file, you need to try again. It should work the second time.

h2 header

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

verbatim text
A lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text

Header

h2 header in a block

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

Available help:

Help: Please see System.FileAttachment for more information about attaching files.
Bug: Internet Explorer 4.0 or earlier: If you get an "Internal Server Error" message when you upload a file, you need to try again. It should work the second time.

h2 header

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

verbatim text
A lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text lot more of verbatim text

Buttons

input type="submit"

disabled: or

or disabled: or

or disabled:

disabled:

links

foswikiButton disabled: foswikiButtonDisabled or foswikiButton foswikiButtonDisabled

foswikiSubmit or foswikiButton foswikiSubmit disabled: foswikiSubmitDisabled or foswikiSubmit foswikiButtonDisabled

foswikiButtonCancel or foswikiButton foswikiButtonCancel disabled: foswikiButtonCancel foswikiButtonDisabled

foswikiButtonSmall or foswikiButton foswikiButtonSmall disabled: foswikiButtonSmall foswikiButtonDisabled

foswikiButtonMini or foswikiButton foswikiButtonMini disabled: foswikiButtonMini foswikiButtonDisabled

foswikiButtonLarge or foswikiButton foswikiButtonLarge disabled: foswikiButtonLarge foswikiButtonDisabled

buttons

disabled: or

or disabled: or

or disabled:

Input fields

.foswikiInputField

Readonly

Disabled

JQuery buttons

Using %BUTTON{}%

Example:

%BUTTON{
    "%MAKETEXT{"Submit"}%"
    click="confirm('Are your sure?')"
  }%
  %BUTTON{
    "%MAKETEXT{"Cancel"}%"
    icon="cross"
    target="%WEB%.%TOPIC%"
  }% %CLEAR%

Expands as:
Submit Cancel

%BUTTON{class="simple"}%
Simple button Simple button

%BUTTON{class="cyan"}%
Cyan button

%BUTTON{class="red"}%
Red button

%BUTTON{class="green"}%
Green button

OK Cancel Info Add Delete Globe

Re-created jQuery buttons

.jqButton

.foswikiButton

Nat Edit buttons

Form steps

.foswikiFormSteps and .foswikiFormStep

What to expect

Some explanation

Help text

.foswikiHelp

Help: Please see System.FileAttachment for more information about attaching files.

Available help:

Help: Please see System.FileAttachment for more information about attaching files.
Bug: Internet Explorer 4.0 or earlier: If you get an "Internal Server Error" message when you upload a file, you need to try again. It should work the second time.

Help

Please see System.FileAttachment for more information about attaching files.

Images

img

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

foswikiImage

.foswikiImage

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

Icons

img and .foswikiIcon

Normal text. Normal text. Normal text. Normal text. Text with

smilies and

icons. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

Foswiki styles

Broadcast Message

.foswikiBroadcastMessage

NOTE: Edit and Attach will be disabled today between 05:00 PM and 06:00 PM PDT (00:00 to 01:00 GMT) for a scheduled Foswiki maintenance.

Notification

.foswikiNotification

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. N

text before

Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text.

text after

.foswikiMessage

Text before This is important text after.

Horizontal list

.foswikiHorizontalList

ordered item 1
ordered item 2
ordered item 3

unordered item 1
unordered item 2
unordered item 3

unordered item 1
unordered item 2
unordered item 3

Tabs

Tab 1

Tab 2

Tab 3

Foswiki tabs without tab pane

Tab 1
Tab 2
Tab 3

What to expect

Some explanation

jQuery tabs

Simple

Grid

Level 2

Data form

Main.UserForm
Title
FirstName	Arthur
LastName	Clemens
OrganisationName
OrganisationURL
Profession
Country	Netherlands
State
Address
Location
Telephone
VoIP
InstantMessaging (IM)
HomePage
Comment

Search results and search form

Search results

Get notified on changes on this search

Searched: caching

Results from System web retrieved at 01:55 (GMT)

AdminDocumentationCategory

… of the Foswiki Page Caching features. Page caching is the … process of storing (caching) this HTML on the server, as …

NEW - 13 Mar 2014 - 13:42 by ProjectContributor

InstallationGuide

… . However, as your browser is caching your login, you must restart …

NEW - 24 Apr 2014 - 21:52 by ProjectContributor

PageCaching

Page Caching By default, Foswiki pages are … the page is requested. Page caching is the process of storing ( … caching) this HTML on the server, as … rendered from scratch. Page caching can significantly improve the …

NEW - 30 May 2014 - 00:47 by ProjectContributor

PatternSkinElements

… form Web Search Searched: caching Results from Foswiki web …

NEW - 27 Oct 2012 - 15:34 by ProjectContributor

Number of topics: 4

Advanced search \| Help TIP: to search for all topics that contain `"SOAP"`, `"WSDL"`, a literal `"web service"`, but not `"shampoo"`, write: `soap wsdl "web service" -shampoo`
Search where:	Text body Topic title Both body and title All public webs (otherwise search System Web only)

Upload Form

Attach new file

Upload up to 10000 KB.

Comment

Describe the file so other people know what it is.

Properties

Create a link to the attached file Images will be displayed, for other attachments a link will be created. Do not show attachment in table Attachments will not be shown in topic view page.

Cancel

Comment form/table

(rendered html)

Url
Link label
Comment