This page (revision-4) was last changed on 30-Jun-2020 06:21 by TestUser1 

This page was created on 05-Jul-2015 20:13 by DirkFrederickx

Only authorized users are allowed to rename pages.

Only authorized users are allowed to delete pages.

Version Date Modified Size Author Changes ... Change note
4 30-Jun-2020 06:21 10 KB TestUser1 to previous
3 21-Jun-2018 19:53 10 KB Dirk Frederickx to previous | to last Update for v2.10.4
2 24-Apr-2017 19:06 7 KB Dirk Frederickx to previous | to last Updated to latest header + menu design
1 05-Jul-2015 20:13 6 KB DirkFrederickx to last

Difference between version and

At line 31 changed 6 lines
div.row
div.content[.active]
div.page
div.page-content
div.page-footer
div.sidebar
div.navigation
div.content[.active]
div.page
div.page-content
div.page-footer.visible-print
div.sidebar
At line 39 added 53 lines
%%add-css
[[class^=ex]{ display:block; margin-bottom:.25em; border-radius:.25em;}
.ex-container > * { margin:0 auto .25em; min-width:12em; max-width:20em; }
.ex-container-fluid > * { margin:0 0 .25em; }
.ex-header, .ex-footer { height:3em; padding:0 !important; background: CornflowerBlue; }
.ex-navigation { position:relative; top:2em; height:1em; background:rgba(255,255,255,.15); }
.ex-content > * { transition: all 0.3s; }
.ex-page { height:8em; background: silver; float:right;width:78%;}
.ex-sidebar { height:8em; background: darkkhaki; float:left; width:21%;}
.ex-footer { clear:both; }
.fav-right .ex-page { float:left;width:78%;}
.fav-right .ex-sidebar { float:right; width:21%;}
.ex-content:hover .ex-page { width:100%;}
.ex-content:hover .ex-sidebar{ width:0;}
/%
%%columns.border
{{{.container.fav-left}}}
%%ex-container.fav-left
%%ex-header
%%ex-navigation /%
/%
%%ex-content
%%ex-page
%%ex-page-content /%
%%ex-page-footer /%
/%
%%ex-sidebar /%
/%
%%ex-footer /%
/%
----
{{{.container-fluid.fav-right}}}
%%ex-container-fluid.fav-right
%%ex-header
%%ex-navigation /%
/%
%%ex-content
%%ex-page
%%ex-page-content /%
%%ex-page-footer /%
/%
%%ex-sidebar /%
/%
%%ex-footer /%
/%
/%
At line 105 added one line
div.navigation
At line 66 changed 2 lines
label.username.anonymous|asserted|authenticated
li
label.username.anonymous|asserted|authenticated
li
At line 83 changed 5 lines
li.findpages ...create & clone buttons
li.findpages ...<quick search results>
li.divider
li.recents ...
li.recents.clear ...
li.findpages ...create & clone buttons
li.findpages ...<quick search results>
li.divider
li.recents ...
li.recents.clear ...
At line 93 changed 2 lines
Between the header and the content block, you find the menu bar. When you scroll the page, the menu bar becomes {{.sticky}} on top of the screen.\\
The more menu contains a number of static entries (embedded in the JSP's) and the content of the [MoreMenu].
The last element of the header is the menu bar.
A special item is the ''more'' menu which contains a number of predefined entries and the content of the [MoreMenu].
At line 97 changed one line
div.row[.sticky]
div.navigation
At line 99 changed 2 lines
li#menu ☰
li.pagename (only visible when .sticky )
li#menu ☰
At line 103 changed 9 lines
li#attach
li#info
li#edit[.disabled]
li#more
More
span.caret
ul.dropdown-menu.pull-right data-hover-parent="li"
...
div.sticky-spacer
li#attach
li#info
li#edit[.disabled]
li#more
More
span.caret
ul.dropdown-menu.pull-right data-hover-parent="li"
...
At line 115 changed one line
The {{.content}} act as a container for the collapsible sidebar. The {{.active}} class is present when the sidebar is visible; it can be toggled with the close button in the sidebar or the ☰ menu toggle button of the menu bar. Note how the {{.page}} comes before the {{.sidebar}} in the DOM, to allow faster rendering of the page-content.
The {{.content}} act as a container for the collapsible sidebar. The {{.active}} class is present when the sidebar is visible; it can be toggled with the ☰ menu toggle button of the menu bar. Note how the {{.page}} comes before the {{.sidebar}} in the DOM, to allow faster rendering of the page-content.
At line 177 added 2 lines
!!Sidebar
At line 180 added one line
At line 128 removed 2 lines
button.close x
At line 184 added one line
[{InsertPage page='LeftMenu' }]
At line 132 changed 2 lines
div.wikiversion JSPWiki version-number
a.feed
[{InsertPage page='LeftMenuFooter' }]
At line 136 removed one line
The automatic link to {{[[<username>Favorites]}} when you are authenticated has been removed from the static sidebar JSP. You can still add it to your [LeftMenu] if you want. Here is an example how to do that.
At line 190 added 4 lines
The link to {{[[<username>Favorites]}} when you are authenticated has been removed from the static sidebar JSP. If you want you can still add it to your [LeftMenu]. Here is an example how to do that.
EG: when user {{Alex}} logs in, the page with the name {{AlexFavorites}} will be inserted in the sidebar.
At line 139 removed one line
%%accordion
At line 145 removed one line
/%
At line 150 changed one line
The {{.footer}} content contains centered text, including the [CopyrightNotice].
The {{.footer}} content includes the [CopyrightNotice] page.
At line 154 changed one line
div.copyright
[{InsertPage page='CopyrightNotice' }]
At line 156 changed one line
a.feed
a.feed
At line 159 changed one line
!! DEVELOPMENT
!! Niñjas
At line 161 changed one line
The monolithic CSS file has replaced by many small [Less|http://lesscss.org/|class='slimbox-link'] files; many of which are reused from the BOOTSTRAP framework. Check out {{build.less}} to see which components from BOOTSTRAP are reused, which are modified and which JSPWiki specific components have been added.
The monolithic CSS file has been replaced by many small [Less|http://lesscss.org/|class='slimbox-link'] files; many of which are reused from the BOOTSTRAP framework. Check out {{build.less}} to see which components from BOOTSTRAP are reused, which are modified and which JSPWiki specific components have been added.
At line 163 changed 21 lines
{{{
/jspwiki-war
/src
/main
/config
/wro
wro.properties => build information for JS and CSS
/scripts
=> all js files
/styles
/haddock
/bootstrap => bootstrap library of .less files
bootstrap.less
/default => haddock .less files
build.less => master build file
style.less => general style elements (links, ...)
variables.less => includes colors, border-styles,...
/fontjspwiki
/webapp
=> all JSP files, including all static TEMPLATE JSP files
}}}
%%tree
{{{/jspwiki-war}}}
* {{{/src}}}
** {{{/main}}}
*** {{{/config}}}
**** {{{/wro}}}
***** {{{wro.properties}}} build information for JS and CSS
*** {{{/scripts}}} all js files
*** {{{/styles}}}
**** {{{/haddock}}}
***** {{{/bootstrap}}} bootstrap library of .less files
****** {{{bootstrap.less}}}
***** {{{/default}}} haddock {{.less}} files
****** {{{build.less}}} master build file
****** {{{style.less}}} general style elements (links, ...)
****** {{{variables.less}}} includes colors, border-styles,...
***** {{{/fontjspwiki}}}
*** {{{/webapp}}} all JSP files, including all static TEMPLATE JSP files
/%
At line 185 removed one line
At build time, the LESS pre-processor and CSS minimizer will merge all files into on monolithic {{haddock.css}} file , via the [wro4j | http://wro4j.readthedocs.org/en/stable|class='slimbox-link'] framework
At line 187 changed 5 lines
{{{
/templates
/haddock
haddock.css
}}}
At build time, the LESS pre-processor and CSS minimizer of the [wro4j framework| http://wro4j.readthedocs.org/en/stable|class='slimbox-link'] will merge all files into final {{haddock.css}} file.
%%tree
{{{ /templates}}}
* {{{/default}}}
* {{{/haddock}}}
** {{{haddock.css}}}
At line 245 added one line