 |
|
You are here: Foswiki>System Web>Category>AdminDocumentationCategory>Skins>PatternSkin>PatternSkinElements (22 Jan 2018, UnknownUser)Edit Attach
Pattern Skin Elements
Some intro text. Text.On this page:
- Heading 2
- H2 header with link
- H2 header with link
- h2 header in a block
- Text sizes
- Text colors
- Blockquote
- Rules
- Table
- Code texts
- 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
- JQuery buttons
- Re-created jQuery buttons
- Nat Edit buttons
- Form steps
- What to expect
- Help text
- Help
- Images
- Foswiki styles
- Notification
- Horizontal list
- Tabs
- What to expect
- Grid
- Data form
- Search results and search form
- Upload Form
- Comment form/table
- Comment
- Links
Heading 1
textHeading 2
textHeading 3
textHeading 4
textHeading 5
textHeading 6
textA 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
- 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 2
- level 1
TML markup ordered list
- level 1
- level 2
- level 3
- level 2
- 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 2
- level 1
- level 2
- level 3
- level 2
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
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
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.H4 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.H5 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.H6 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. linkh1 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
header
texttext
Table
| Numbers | Texts |
|---|---|
| 456 | uvw |
| 123 | xyz |
| 789 | rst |
Numbers |
Texts |
|---|---|
| 123 | xyz |
| 456 | uvw |
| 789 | rst |
| def | rst |
| kqo | rst |
Code texts
Inline code
lasdkj asldjas ldja sldadasdsadasdas 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
- 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
- Item 2.1
- 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.WebHome 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: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 foswikiButtonDisabledbuttons
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 
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
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
HelpSimple
Links
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
Upload Form
Comment form/table
(rendered html)Comment
Links
WebHome DoesNotExistEdit | Attach | Print version | History: r1 | Backlinks | View wiki text | Edit wiki text | More topic actions
Topic revision: r1 - 22 Jan 2018, UnknownUser
- User Reference
- BeginnersStartHere
- EditingShorthand
- Macros
- MacrosQuickReference
- FormattedSearch
- QuerySearch
- DocumentGraphics
- SkinBrowser
- InstalledPlugins
- Admin Maintenance
- Reference Manual
- AdminToolsCategory
- InterWikis
- ManagingWebs
- SiteTools
- DefaultPreferences
- WebPreferences
AL
Copyright © by the contributing authors. All material on this site is the property of the contributing authors. Ideas, requests, problems regarding Foswiki? Send feedback