Skins

Fixflow Major Update

I just released a major update for FixFlowSkin: Cookbook:FixFlowSkin

The main points of this update:

• Major rewrite of skin core (the look remains the same).
• New improved load order for css files.
• Support for pmwiki-core.css file.
• Reduced code in page head and body.
• New improved technique for IE5 and IE6 to simulate fixed sidebar with just one css file for IE.
• IE7 support.
• Css code tidy up, fixflow.zip is 7KB smaller with improved functionality and no loss of styles.
• Sidebar width can be set with variable.

FixFlow is a skin designed without tables for layout, using divs and css instead.

Main points about FixFlow:

• Wide cross-platform browser support
• Sidebar either left or right, switchable.
• Sidebar either fixed in position or scrolling with content, switchable.
• Optional RightBar page, for inclusion site-wide, group-wide or for specific pages.
• Many colour and font schemes, switchable.
• Highly customisable action menus in top and foot, as well as header and footer, via wiki pages.
• Instant page printing with use of print style sheet.
• Easy font sizing for visually impaired users.
• Special edit form with popup preview pane, no downscrolling needed to view the preview.
• Custom markup to hide various page parts easily, like header, action menus, rightbar, sidebar, footer, even the grouplink in the titlebar and the title itself.
• Lots of variables for changing default settings from within local customisation files like config.php

Your comments, queries and questions are most welcome!

Hans

Skins

---

---

Triad Update

Another update. This time I added a cookie setting and reading routine to Triad for the toggling of the Sidebar and Rightbar. Now the toggle state will be remebered when reloading apage or visiting other pages. someone did ask for this a while back, but I cannot remember any more who asked or where the question was asked. I thought then that it may not be very useful, as one will not see the bars when navigating, but I changed my mind. In any case this feature can be disabled by setting $EnableToggleCookies = 0;. ~Hans

Skins

---

---

Skin Updates

I updated all three skins: Gemini, FixFlow and Triad as well as Cookbook:ShowHide.

These updates fix a few bugs:

• The latest Cookbook:ShowHide script can now be installed without causing a fatal error (it needed to be deinstalled before, because the skins include their own version, now they will not load it and use the installed version instead).
• Fixflow and Gemini can now also use lnav and rnav divs, as Triad does, to give a topmenu with items both left and right. Use >>lnav<< and >>rnav<< to group the list items (same as Triad, so the PageTopMenu can work for all three without conditionals.
• The cookie settings have been improved, as there was a confusion of cookie naming. Now the skins create cookies for optional color, font etc settings with a skin-specific name and won't confuse each other any longer. The fontsizer cookie is shared by all three. A cookie set by javascript to indicate for php that javascript is enabled is now improved and does not appear in multiple ways any longer.

~Hans

Skins

---

---

Triad Skin Update

Finally I added a number of color schemes to the Triad skin, and made a major upgrade. The skin now also uses popup preview in edit mode, has loads of configurable settings, all enabled to be set from config.php or other local customisation files.

See Wiki.TriadSkin

Skins

---

---

Triad Dev

Triad Skin 2.1 is coming on nicely. I wanted smart font sizing for users with preferences stored in a cookie. I also wanted an easy way to switch from a standard view to a "big" view with either only one column or perhaps two, and with a bigger default font size, to accommodate visually impaired users as much as possible.

I finally got the cookie management working. One cookie to set the view for either standard or big, and another for the font size. The last one needed to be set by either php or javascript, since the sizing is done by both methods. So now php and javascript can talk to each other, via the cookie and via setting of javascript variables through pmwiki php variables.

Site.PageHeader got a toggle switch for Normal and Big view. This sets the "setview" cookie and the "setfontsize" cookie. The {$View} page variable is used to show either switch link, via (:if equal {$View} big:) or (:if ! equal {$View} big:).

Next step is a reverse color scheme, again to aid easier reading of the screen. ~Hans

Skins

---

---