This page (revision-6) was last changed on 26-Nov-2021 10:22 by RForbes

This page was created on 26-Nov-2021 10:22 by Administrator

Only authorized users are allowed to rename pages.

Only authorized users are allowed to delete pages.

Page revision history

Version Date Modified Size Author Changes ... Change note
6 26-Nov-2021 10:22 4 KB RForbes to previous
5 26-Nov-2021 10:22 4 KB RForbes to previous | to last
4 26-Nov-2021 10:22 5 KB RForbes to previous | to last CSSInWikipages ==> WIKI.STYLING
3 26-Nov-2021 10:22 5 KB RForbes to previous | to last
2 26-Nov-2021 10:22 5 KB RForbes to previous | to last
1 26-Nov-2021 10:22 5 KB Administrator to last

Page References

Incoming links Outgoing links
WIKI.STYLING
WIKI.STYLING

Version management

Difference between version and

At line 4 changed one line
In addition to the simple styles represented by the ~WikiMarkup, JSPWiki also allows you to put in your own styles, which are defined in the jspwiki.css file. These may vary from site to site, and it is up to the site administrator to define a style.
In addition to the simple styles represented by the basic [Wiki Markup language|WIKI.MARKUP BASICS], This Wiki also allows you to put in your own styles, which are defined in the jspwiki.css Cascading Style Sheet file. These may vary from site to site, and it is up to the site administrator to define a style.
At line 6 removed 2 lines
!!! CSS styles
Following styles are supported by the standard jspwiki.css file:
At line 9 changed 7 lines
* %~%small -- Smaller then normal font, like %%small this %%
* %~%sub -- Subscript, like a%%sub ij %%= a%%sub ji%%
* %~%sup -- Superscript, like 2%%sup 3 %%= 8
* %~%strike -- Strike through text, like %%strike this text is hardly readable %%
* %~%ltr -- left-to-right text formatting
* %~%rtl -- right-to-left text formatting
* %~%commentbox -- comment box floating at the right margin
!!Basic Styling
Following styles are supported by the standard file. The style starts with two percent signs %~% and ends with two percent signs %~%
* %~%commentbox -- comment box is set up to be floating at the right margin
At line 15 added 7 lines
* %~%small -- Smaller thsn normal font, like %%small this section of text %% is smaller that the rest
* %~%sub -- Subscript, like a%%sub ij %%= a%%sub ji%%
* %~%sup -- Superscript, like 2%%sup 3 %%= 8
* %~%strike -- Strikethrough text, like %%strike this text is hardly readable %%
* To use any of the characters that have special meaning in the wiki, you can "escape" their use by preceding them with a ~~ character.
!Special block markers
These special block markers start with %~%''styling'' and end with /~%
At line 20 changed one line
!! Special block markers:
__%~%information__
At line 27 added 2 lines
__%~%warning__
At line 32 added one line
__%~%error__
At line 28 changed one line
Use %~%error ... %~% for error blocks
Use %~%error ... %~% for error blocks or particularly important bits
At line 36 added one line
__%~%quote__
At line 31 changed one line
Use %~%quote ... %~% to quote a block of text
Use %~%quote ... %~% to quote a block of text that you want to stand out from the rest\\and look very important
At line 40 added 2 lines
__%~%center__
At line 37 changed 4 lines
!!! Dynamic styles
Dynamic styles provided more advanced styling for your pages, powered by a combination of ~JavaScript and CSS.
They can add substantial visual experience to your wikipages, though the structure of your pages
and wiki markup remain unchanged. Actually, the pages are still fully accessible on browsers with JavaScript turned off.
__Preformatted text __
{{{
If you include text within {{{ and ~}}} (each on its own line) the wiki engine will not apply any formatting ...
and will show the text exactly as you have typed it in a monospaced font (including line breaks)
}}}
At line 42 changed one line
Most of these styles are only available for v2.5.xx onwards.
__%~%prettify__
This will make the code within it (and within ~{{{ and ~}}}) nice-looking if it is in one of a variety of computer languages (also pre-formatted)
At line 44 changed 9 lines
* %~%collapse -- Turn ordinary lists into collapsible trees. See [JSPWiki:Collapsible List]
* %~%category -- Generates pop up with pages referenced by the category page. See [JSPWiki:Category Style]
* %~%tip -- Generates a transparent fly-over tip with additional info. See [JSPWiki:Tip Style]
* %~%graphbar -- Add horizontal or vertical graph bars to your wikipages. See [JSPWiki:GraphBars]
* %~%sortable -- Turn ordinary wiki tables into sortable tables. See [JSPWiki:Sortable Tables]
* %~%table-filter -- Turn ordinary wiki tables into Excel-like filtered tables. See [JSPWiki:Filtered Tables]
* %~%zebra-table -- Add alternate row colors to your tables. See [JSPWiki:Zebra Table Style]
* %~%columns -- Format text in multi-column news-paper format. See [JSPWiki:Multi Columns Style]
* %~%prettify -- Add code-coloring to a preformatted block of text. See [JSPWiki:Prettify Sourcecode]
%%prettify
{{{
IF p2k_pmgen.k_trace_level >= '8' THEN
IF k_person_code IS NULL THEN
p2k_ppgen.sperl(v_module_name,0,
'Warning: You selected Exception Level '||p2k_pmgen.k_trace_level||
' for all employees.');
END IF; -- k_person_code IS NULL THEN
END IF; -- p2k_pmgen.k_trace_level > '8'
At line 54 changed one line
!! Examples
}}} /%
At line 56 removed one line
! %~%collapse
At line 58 removed 52 lines
%%collapse
* The pomme fruits:
** Apples
*** Apple
*** Chokeberry
** Pear
*** European
*** Asian
* The stone fruits, drupes of genus Prunus:
** Apricot
** Cherry
** Chokecherry
** Plum
** Peach
/%
! %~%category
Clicking the ''category'' %%category [JSPWiki:JSPWikiStyles] /% reveals all pages linking to [JSPWiki:JSPWikiStyles]
! %~%tip
Hover your mouse over the %%tip-Assessments Lorem ipsum dolor sit amet,\\ consectetuer adipiscing elit.\\ Donec dictum velit eget risus.\\ Fusce ligula.\\ /% tip to see the nice tip.
! %~%sortable
%%sortable
|| Title || Author || Published || Edition || Some IP@ || Expenses
| book1 | zappy | 25 Feb 2005 | 5 | 100.100.100.100 | €500
| book2 | happy | 25 Jan 2005 | 19 | 256.100.100.100 | €1500
| book3 | pappy | 23 Mar 2005 | 06 | 10.100.100.100 | €50
| book4 | dappy | 21 Apr 2005 | 199 | 1.100.100.100 | €0.500
| book5 | rappy | 25 Jul 2005 | 017 | 1.100.25.100 | €5500
| book5 | rappy | 23 Jan 2006 | 017 | 1.100.25.100 | €5500
/%
! %~%table-filter
%%table-filter
|| Title || Author || Published || Edition || Some IP@ || Expenses
| book1 | zappy | 25 Feb 2005 | 5 | 100.100.100.100 | €500
| book2 | happy | 25 Jan 2005 | 19 | 256.100.100.100 | €1500
| book3 | pappy | 23 Mar 2005 | 06 | 10.100.100.100 | €50
| book4 | dappy | 21 Apr 2005 | 199 | 1.100.100.100 | €0.500
| book5 | rappy | 25 Jul 2005 | 017 | 1.100.25.100 | €5500
/%
! %~%zebra-table
%%zebra-ffe0e0-ffff80
|| column-head1 || column-head2
| cell-data | cell data
| cell-data | cell data
| cell-data | cell data
| cell-data | cell data
/%
At line 69 added 3 lines
Columns work very well for most browsers - but not Internet Explorer.\\
\\
At line 118 changed 2 lines
! %~%prettify
%%prettify
!CSS styles
While not in line with the keep it simple principle, CSS styles can be used inline for those special occasions when you really need to emphasize part of a page (i.e. changing fonts or font sizes, or colors, etc.), although it is not recommended.
!Incuding one page on another
At line 121 changed 13 lines
IF p2k_pmgen.k_trace_level >= '8' THEN
IF k_person_code IS NULL THEN
p2k_ppgen.sperl(v_module_name,0,
'Warning: You selected Exception Level '||p2k_pmgen.k_trace_level||
' for all employees.');
p2k_ppgen.sperl(v_module_name,0,
'Due to volume of trace messages, the Exception Level is internally reset to 1.');
p2k_ppgen.sperl(v_module_name,0,
'If you want Exception Level '||p2k_pmgen.k_trace_level||', please enter employee to be traced');
p2k_pmgen.k_trace_level := '1';
k_exception_level := '1';
END IF; -- k_person_code IS NULL THEN
END IF; -- p2k_pmgen.k_trace_level > '8'
[{InsertPage page='News'}]
}}}
will include the page referenced at this point.
At line 135 changed one line
}}} /%
!Aliasing a Page
Sometimes it's useful to have one page really mean some other page. For example, you might have a page called "Page Aliases", but you would also like people to have it available under "Aliases". In such a case, you can use a "page alias":
Put the following on the "PageAliases" -page:
{{{
[{SET alias='PageAlias'}]
}}}
Every time someone views the page "PageAliases", they will be automatically redirected to this page. This is very useful if you want to be able to use the irregular plural forms, for example. Normally, The WikiEngine does properly recognize English language plural forms of page names (i.e. if the page is called __''Concept''__, you can link to it as ''concept ''or ''concepts'', but it's not smart enough to recognize certain forms, such as "aliases".
Obviously you cannot click on the "Edit this page" -link, because you are redirected every time you try to view a page. You can, however, edit the page directly by just writing Edit.jsp?page=pagename after the base URL.
Even more fancy things can be accomplished with [WIKI.STYLING DYNAMICS]
This page (revision-6) was last changed on 26-Nov-2021 10:22 by RForbesTop