You are here: Foswiki>System Web>Category>AdminDocumentationCategory>Skins>PatternSkin>PatternSkinElements (01 Mar 2017, ProjectContributor)Edit Attach

Pattern Skin Elements

Some intro text.

Text.

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.

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.

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

  1. List Item 1
  2. List Item 2
  3. 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

  1. level 1
    1. level 2
      1. level 3
  2. level 1
  3. level 1
  4. level 1
  5. level 1
  6. level 1
  7. level 1
  8. level 1
  9. level 1
  10. level 1
  11. level 1
  12. level 1
  13. level 1
  14. level 1

TML markup numbered lists

  1. item 1
  2. item 2
  3. item 3

  1. item 1
  2. item 2
  3. item 3

  1. item 1
  2. item 2
  3. item 3

TML markup definition list

Sushi
Japan
Dim Sum
S.F.

TML mixed lists

  1. level 1
    • level 2
      • level 3
  2. 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.

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.

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.

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.

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.

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.

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.

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
text
text

Table

Numbers Texts
456 uvw
123 xyz
789 rst

and text below the table

NumbersSorted ascending 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:
  1. Item 1
  2. 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
  3. Item 3

Comment

 

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.

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

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:

disabled:

disabled:

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:

or disabled:

or disabled:

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:

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

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

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

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

OKCancelInfoAddDeleteGlobe

Re-created jQuery buttons

.jqButton

OK

.foswikiButton

OK

Nat Edit buttons

Form steps

.foswikiFormSteps and .foswikiFormStep

What to expect

Some explanation

Help text

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.

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 smile smilies and info 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

  1. ordered item 1
  2. ordered item 2
  3. ordered item 3

  • unordered item 1
  • unordered item 2
  • unordered item 3

  • unordered item 1
  • unordered item 2
  • unordered item 3

Tabs

Foswiki tabs

Tab 1

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.

Tab 2

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.

Tab 3

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.

Foswiki tabs without tab pane

What to expect

Some explanation

jQuery tabs

Simple

Grid

Level 2
Level 2
Level 2
Level 2
Level 2
Level 2
Level 2
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

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:       
(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

Images will be displayed, for other attachments a link will be created. Attachments will not be shown in topic view page.
Cancel

Comment form/table

(rendered html)

Comment

 

System DoesNotExist
Edit  | Attach | Print version | History: r1 | Backlinks | View wiki text | Edit wiki text | More topic actions
Topic revision: r1 - 01 Mar 2017, ProjectContributor
This site is powered by FoswikiCopyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback