• View
• Edit
• History
• Attach
• Print
• Backlinks

TriadSkin-Comments

Please leave latest comment or question at the top of this section:

Need a logout link

I am pretty sure that after the installation I was given a chance to login as admin an set up plugins and such. Now, I could not find a way to log out. In particular, I can't now verify the security aspects of the pmwiki setup. Could you please help me with that.

Thank you, Alex B.

you could put the following somewhere, on Site.SideBar, or Site.PageTopMenu, Site.PageFootMenu etc. :

(:if auth edit:)
*[[{*$FullName}?action=logout|logout]]
(:else:)
*[[{*$FullName}?action=login|login]]
(:ifend:)

- HansB September 28, 2008, at 10:09 AM

Many thanks

- Alex

Hiding markup from another skin

My site works like Wikipedia and therefore uses the monobook skin for its user-oriented tabs, however experienced users really like the Triad skin (as they don't need the sidebars), which I have installed as an option. I have fixed most of the compatibility issues using local.css so the two can co-exist happily, but have one publicly visible issue remaining, and wonder if there is an (easy) fix for it.

monobook uses a small number of markups, such as (:notabs:) for example, to control the display of certain page sections. When we switch to Triad, then these are no longer valid, and are simply displayed as orphaned text on the page.

Is there anything I could do to catch these markups, and prevent them from being displayed when using Triad? Des May 25, 2008, at 11:31 AM

I think the best for compatibility would be to avoid using (:notabs:) and use (:noaction:) instead, they are the same for monobook, and triad has a 'noaction' markup. also avoid (:nosidebar:) and use (:noleft:) instead. Again they are the same for monobook, and triad knows 'noleft'. Any others are I think compatible. - HansB May 26, 2008, at 05:53 PM

Thanks, I think you've shown me the best way to go. Having looked again, all the relevant markups are compatible so can be forgotten. The only one left seems to be (:notabs:) and I can redefine that for (:noaction:) (which monobook currently ignores), meaning only one change to remember in monobook source, which I can probably remember if it is ever revised. Many thanks for the assistance. Des May 28, 2008, at 08:32 AM

Triad and UTF8

I just included "include_once("$FarmD/scripts/xlpage-utf-8.php");" to have an utf8 compatible PmWiki (all my servers are utf8) and now the Triad french text is no more correct. Is there a "standard" way to do this (other than modifying manually the css) thanks jdd

I am not sure. Perhaps edit the French XL page (XLCookbook page). Or edit Site.PageTopMenu and Site.PageFootMenu and Site.PageHeader? But I would think not any css file. - HansB May 23, 2008, at 11:08 AM

Only half page footer is seen

When I use Triad in wide page layout the whole page is visible but if I switch to 'wide and border', '1024px wide', '1280px wide' then part of or the whole of the footer disappears. '800px' doesn't have this problem. It's not something very important (this is a personal wiki) but is there some simple way of fixing it? j 2008-03-03

If you use Triad here on pmwiki.org can you replicate the problem? HansB

Unfortunately the right index column is too tall so I can't find a page that is shorter than my screen ... so I can't test it.

I'm back at work where I have a second screen and can view the whole page. The result is the same, about half of the footer is visible in 1024 mode. Tested using OmniWeb and FireFox. j, 2008-03-04

Try set Triad skin and visit WikiSandbox

Same thing, if I make the page larger it moves the footer so I can see the top half of "skin config ...".

Thanks for pointing this out! Fixed now in latest release. HansB March 04, 2008, at 06:32 AM

Yep, now it works just fine. Thanks.

Sidebars covering the center of the page

I use firefox and sometimes the main text is covered by the two sidebars. It happens sometimes even after erasing temporary internet files. I can't reproduce it intentionnally, so I really don't know why it happens. Here are screens with and without the problem :

• With the problem : http://2icet.free.fr/images/bug.png(approve links)
• Without the problem (just too show that it works most of time...) : http://2icet.free.fr/images/ok.png(approve links)

So is there a solution for that ? For now I wrote to reload the page on the top of the page, but if there is an other solution pleas tell me. Thank you.

I cannot reproduce this error. I cannot offer any solution. Small consolation: Your site looks fine to me when I browse it with Firefox. HansB March 03, 2008, at 04:55 AM

Ok, thank you anyway. I wrote a message telling to refresh the page if there is a problem. If I find why there is this problem I'll write it right here.

Unrequested line break in sidebar

I have the following defined in the sidebar:

 
%sidehead%[[Wiki Hilfe]]
* %newwin%[[PmWikiDe/Dokumentationsindex | Dokumentation [-(de)-]]] %newwin%[[PmWiki/DocumentationIndex | [-(en)-]]]

In the sidebar is shown:

Wiki Hilfe
  Dokumentation (de) 
  (en)

instead of

Wiki Hilfe
  Dokumentation (de) (en)  

Any ideas how to prevent this? In the standard PmWiki skin it works. Thanks a lot in advance.
Christian Harraeus February 20, 2008, at 03:33 PM

In order to get a sidebar wide "hover" effect the css for the SideBar sets list items as block elements, meaning each link will occupy a whole row. To get two or more links sitting side-by-side you have to avoid the list markup (*) at the line start. You will loose the hover effect, and the left margin or padding may also not be the same as for the standard sidebar list menu items. Perhaps this can be compensated with a custom wiki style. I hope this helps a little! HansB February 20, 2008, at 03:59 PM

Placement of Logo in PageHeader

I really like the triad skin, nice work; currently I'm trying to apply it to our club's website. Unfortunately for my taste, between the PageLogo and the border of the screen a gap of a few pixels exist to the left and to the top where the background shines through. I'd like to have the logo appear on the upper left corner of the browser window without any gaps. Is there any way to achieve this?

I've been looking through the appropriate css file and the skin.php without any success.

IvB, 26 February 2008

Setting the #header padding to 0 should do it. It is in triad/css/layout-triad.css. But you can set #header { padding:0; } in pub/css/local.css. HansB

Is there any way to add a discussion tab at the page top menu, like in wikipedia, which will create a discussion page for comments unique for every page?

Triad has no topmenu tabs built in. It could be added though, using a special css class. Then the PageTopMenu could be turned into a tabbed menu. The link logic for opening a discussion page is a different matter, and can always be add to PageTopMenu. See CommentPageLink. HansB

When I choose "white" as style for the skin, the change works on my home computer where I do the development. Then when I copy the entire folder to the remote web-host online, the setting for the white style is not registered. The site always opens with the default blue style. How do I fix my choice of skin style so that it gets copied over to the web host that publishes my site? Iannis Z.

Thanks Hans, it's a really nice skin, and looks very professional. I hope to use it on the Seal Sanctuary Site, if I can handle it. Could you give an example of an image with wrap-around text,. This would help give me a good start, as I'm not to familiar with the the scripts. Patrick

How do I enable printing in color from my pages printed using the Triad skin? All my headers print in black and white even though they have color when viewing them from the wiki. Michael Davis Sept. 09 2007

Solution Found! Just added the color codes desired to /pub/skins/triad/css/layout-print.css. If there is a 'better' solution, please share.

I have a problem with Opera 9.22 and earlier versions. FF and IE work fine. The page text is filled with extra spaces between words and punctuation characters when $EnableLeftBarToggle = 0; in local/config.php. It happens the first time I click on a link in the sidebar. This is my configuration - SteP August 24, 2007, at 04:31 AM

$DefaultColor = 'choc';
$DefaultPageWidth = 'wide';
$DefaultFont = 'georgia';
$EnableRightBarToggle = 0;
$EnableLeftBarToggle = 0;
$EnableStyleOptions = 0;
$EnableRightBar=0;
$EnableGroupTitle=0;

I change the css and make a new file but no matter how often I do a shift-refresh, or clear cookies it doesn't change on the wiki, even on another machine. Is there a cache that needs refreshing?

Dan Raymond

In the font-verdana.css file, I believe the definition of

 textarea.inputtext

should be

 textarea.inputbox

Ben Stallings June 12, 2007, at 05:22 PM

Triad translation

Hello :-). Good skin, really ! What is the prefered way to translate the triad skin? (my site http://www.culte.org/) Of course I mean to every user (I'm a translator of the PmWikiFr french site)) jdd thanks

You need to add translations for some Triad terms to the XLPage. Here are some from XLPageCookbookTemplate added french (works:http://www.culte.org/pmwiki/?n=Main.HomePage):
You can also add: 'Home' => 'Page de garde',

  ### Strings for FixFlow, Gemini or Triad skins
  'Source' => '',
  'Backlinks' => 'Références',
  'List Group' => 'Liste des groupes',
  'Attach File' => 'Attacher un fichier',
  'Group Attributes' => 'Attributs du groupe',
  'Editing' => 'Édition',
  'Search Site' => 'Rechercher dans le site',
  'Go' => 'Allons-y',
  'Big View' => 'Vue grossie',
  'Normal View' => 'Vue normale',
  'Text Size' => 'Taille du texte',
  'bigger' => 'plus gros',
  'default' => 'par défaut',
  'smaller' => 'plus petit'
  'Hide' => 'Cacher',
  'Show' => 'Montrer',

Problem with IE6 and 7: Additional space between content and header-menu

I think this will solve the problem with IE6 and 7 displaying incorrectly. Fix is courtesy of http://www.cssplay.co.uk/boxes/minheight.html.

I modified and added to layout-triad.css--
#content { padding:1em; min-height: 25em; height:auto; }
/* for IE */
* html #content {
height: 25em;
}
/**/

it work to make content larger but it seam to me that the content is centered verticaly in content-area Vincent 24sep07

How to I set a default color to be the same on this Skin?

I am using sea-green but when a new user visit the web page would be blue and not green as it was configured.

Add to config.php: $DefaultColor = 'seagreen'; Any new visitor will have seagreen as default. HansB

Printing reduced-view pages

I like the "Text Size - 0 +" options a lot (Opera-ish). Can a reduced view be printed reduced as well? Printing alway prints the original size view. Printing tables is especially bad and I'm having to copy/paste the page (from IE) into a Word document and manually changing font sizes so everything fits "pretty" inside page margins. Thanks.

I kept screen display separate from print display, using layout-print.css for the print display. In particular this sets a fixed font size of 12pt for the content. If you replace the fixed point sizes with em sizes (replace font-size:12pt with font-size:1em for #content for instance), you get proportional sizing in the print display, and this is depended on the text size choosen via the font sizer buttons (as a cookie value). If you don't wish to change layout-print.css you can add the new css attributes to pub/css/local.css. Looking at layout-print.css I see that it needs a general overhaul and check, so this will come in a next Triad release. HansB May 11, 2007, at 03:50 AM

How do I set the page width to 800 px as default in config skin?

$DefaultPageWidth = '800';

Thanks

How can I disable showing the left site bar when the login form is displayed?

I want to show just the page background and the contents of Site.AuthForm but nothing else. How? SteP

Perhaps use conditional markup to display the form and alternatively the sidebar. (:if enabled SomeVarInLoginScript:)... (:noleft:). Sorry I have not tested this, just ideas. HansB

Install AllGroupHeader and put on Site.AllGroupHeader (:if ! auth edit:)(:noleft:)(:ifend:). This will hide(disable) the sidebar for all pages when visitors have not logged in. Not just when the auth form is shown. Probably more than what you want! HansB

Or add to config.php if ($action == 'login') SetTmplDisplay('PageLeftFmt', 0); SteP

See also: Cookbook:CustomAuthForm which details how to achieve exactly this, or even less (= -- Feral April 18, 2007, at 09:50 PM

Minor point

In skin.php I noticed that you declare global $PageBorderWidth then use $PageBorder. Is this what you meant? SteP

Problem with IE7: Additional space between content and header-menu

First, many thanks for that cool skin! I use a triad style for our open-source project wiki. In Firefox, everything works fine. In IE7, on some pages, the content is moved down. Here are two pix, the first from firefox, the second from IE7. Does anyone knows a solution or has an idea where to start searching? Thanks...

Firefox

IE7

The pictures are taken with my adaptions to the skin and are resampled by a factor two. I omitted the page header. However, with an unmodified triad skin, I observe the same effects.

Thank you for the fast response. I tested both suggestions. Your first consideration was correct: With additional space in the content box, the margin gets smaller until it vanishes completely. So, adding >>v-space height=600px<< on each page helped as a quick workaround. If you need a tester for any fixes, I will lend a hand.

Best wishes, Stephan

How can I control the width and spacing of links in the topmenu?

How can I get rid of the empty space above the outer-box?

How do I automatically show the page's $Description?

In the latest Triad you can add to Site.TitleBar:

>>pagedescription<<
{*$Description}
>><<

Use class .pagedescription for any css styling. - HansB March 19, 2007, at 06:28 AM

How do I get a ^GroupName/_PageTitle layout?

The latest Triad release enables easy titlebar configuration on page Site.TitleBar. The following will also give a Cluster breadcrumb trail if Cluster is installed (pending on an imminent function update in Cluster).If you use Hg use (:breadcrumb:) markup instead:

>>pagegroup lfloat padding-top=0.3em<<
(:if !eq {*$BreadCrumb} "":){*$BreadCrumb}
(:if eq {*$BreadCrumb} "":)[[{*$Group}/|{*$Group} /]]
(:ifend:)
>>pagetitle<<
![[{*$FullName}?action=browse|{*$Titlespaced}]]
>><<

If you want to remove the titlebar top double line, add to pub/css/local.css:

Then you may not need the added padding-top in the above TitleBar. - HansB March 19, 2007, at 06:28 AM

Feral's custom titlebar with group clustering

I use the following Site.TitleBar:

 (:div3 class=mytitlebar-outer:)
 (:div2 class=mytitlebar-groupcontainer:)
 (:if equal {*$BreadCrumbsDepth} 1:)
 (:div1 class=mytitlebar-group:)
 [[{*$Group}/|{*$Groupspaced}]]
 (:div1end:)
 (:else:)
 (:div1 class=mytitlebar-groupcrumb:)
 (:breadcrumbs title=0 name=0 right=-1:)
 (:div1end:)
 (:div1 class=mytitlebar-group:)
 (:clustergrouptitle space=true link=true title=false:)
 (:div1end:)
 (:ifend:)
 (:div2end:)
 (:div1 class=mytitlebar-slash:)
 /
 (:div1end:)
 (:div1 class=mytitlebar-title:)
 [[{*$FullName}?action=browse|{*$Titlespaced}]]
 (:div1end:)
 (:div3end:)
 (:if !equal {*$Description} '':)
 >>mytitlebar-description<<
 {*$Description}
 (:ifend:)
 >>mytitlebar-bottombar<<
 >><<

With the following style definitions:

 $HTMLStylesFmt['feralcss'] = '
 .mytitlebar-outer {
   padding-bottom:3.5em;
   /*border:5px ridge SteelBlue;*/
   }
 .mytitlebar-groupcontainer  {
   float:left;
   /*border:1px solid lime;*/
   }
 .mytitlebar-groupcrumb {
   padding-top:0.1em;
   padding-left:0.5em;
   /*float:left;*/
   color: LightSteelBlue; /* aka color:#b0c4de; */
   font-variant: small-caps;
   font-size: 0.8em;
   /*border:1px solid purple;*/
   }
 .mytitlebar-group {
   /*line-height:1em;*/
   padding-left:0.5em;
   color: LightSteelBlue; /* aka color:#b0c4de; */
   font-variant: small-caps;
   font-size: 1.2em;
   /*border:1px solid red;*/
   }
 .mytitlebar-slash {
   float:left;
   color: #888;
   padding-left:0.2em;
   font-size: 2em;
   /*border:1px solid blue;*/
   }
 .mytitlebar-title {
   float:left;
   padding-top:0.5em;
   color: LightSteelBlue; /* aka color:#b0c4de; */
   font-variant: small-caps;
   font-size: 2em;
   /*border:1px solid lime;*/
   }
 .mytitlebar-description {
   margin-left:0.5em;
   margin-right:0.5em;
   background-color: darkslateblue;
   border: 1px inset blue;
   color: LightSteelBlue; /* aka color:#b0c4de; */
   text-align: center;
   font-variant: small-caps;
   font-style: italic;
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
   font-size: 1em;
   }
 .mytitlebar-bottombar {
   padding-top:0.5em;
   border-bottom: 3px double lightsteelblue;
   }
 ';

With $DefaultColor='night'; (c-night-blue.css), still my favorite (= (Thank you Hans!)

I REALLY like the new Site.TitleBar method (=

Best wishes and happiness to you,

A customised fancy style for $HTMLTitleFmt

For a HTML Title like: "PmWiki | Cookbook / TriadSkin-Comments | browse, GET", place this in your local/config.php

 $mytitle = PageVar($pagename, '$Titlespaced');
 $mygroup = PageVar($pagename, '$Groupspaced');
 $HTMLTitleFmt = "$WikiTitle | $mygroup / $mytitle | $action, {$_SERVER['REQUEST_METHOD']}";

Hopefully this will be of value to someone, enjoy (=

Trouble with (:theme :) markup - fixed

I am having trouble trying to use the (:theme ''colorscheme'':) markup. Are there any limitations on it's use (such as only in a PageHeader)?

Customizing Printing

Hi, what's the easiest way to add material only to the printed version of a page, either at the top or bottom? For comparison, action=print uses Site.PagePrintFooter and Header. The purpose is to include identifying material that is in the header on the online version.

More generally, it would be quite useful to have every aspect of printing customizable, from font size to running headers to margins etc etc. The goal is to be able to make the hardcopy fit some specification, say for a technical paper.

Thanks.

>>printonly<<
some content here
>><<
%printonly%some content here%%

@media print {
  .printonly {display:inline;}
}

.printonly {display:none;}
@media print {
  .printonly {display:inline;}
}

CSS validation error?

Using Firefox and it CSS-validator button I got an error about "new courier", it should be "courier new" (by PKHG)

Port Gemini themes?

I love Gemini, however I am loving Triad's three column design as that is exactly how I prefer the rightbar, however I am very fond of Gemini's sand and night themes. As such I would ask if there any plans to port Gemini's sand and night themes (in particular) to triad perchance?

Thank you kindly,

To answer myself ;) ...

• Version:2007-02-21
• File:Feral-v2007-02-21-c-sand.cssΔ -- WIP -- Sand color scheme based on Gemini's c-sand and using image files from GeminiSkin. Place in pub/skins/triad/css.
• File:Feral-v2007-02-21-c-night.cssΔ -- WIP -- Sand color scheme based on Gemini's c-night-blue and using image files from GeminiSkin. Place in pub/skins/triad/css.
• File:Feral-v2007-02-21-skin-triad.tmplΔ -- slightly tweaked to add support for finding right bar via Cluster(v2007-02-21+) -- NOT needed if you only want the colors.
• File:Feral-v2007-02-21-skin.phpΔ -- slightly tweaked to add support for finding right bar via Cluster(v2007-02-21+) and support for 'sand' and 'night' color schemes. -- NOT needed if you only want the colors and follow the Triad Tips directions on how to add new colors (=
• NOTE: These files will need the "Feral-v2007-02-21-" stripped from them before usage.
• NOTE: These file's names have been prepended with "Feral-v2007-02-21-" to differentiate them on this page and once downloaded; This string should be removed before usage.

Adjusting font-size for page title

I am using the Triad skin (the best of all in my opinion) with the latest version of PmWiki. In earlier versions I was able to adjust down the title font size from the local config file but I am no longer able to do this. As I am using a fairly small font size for normal text, this is resulting in the title text being out of proportion to the rest of the page. How do I reduce the title text size? Thanks - Allan.

Thanks for the quick reply, your suggestion of adding the above code to pub/css/local.css worked fine. Origionally I could do this in the wiki local config file which was:
$HTMLStylesFmt[]=" #titlebar {font-size:65%} \n";
(I'm using 65%) but this no longer seems to work. I am not a programmer, but I can get these things to work with a bit of trial & error. Thanks Again.

Is there something between title (!!) and normal text... something like subtitle(maybe bold and 120%). thx, mam

Bug: IE7 renders header incorrectly - fixed

This is a follow up to my previous question about outer-box element not displaying the background image ../images/brd-left3.jpg. I've since dug deeper into the skin and now I believe that it is ../images/silver-100-top.jpg that is actually not loading. Forgive my error!

No I didn't, but here's a link that will allow you to see what I see and maybe steer me in the right direction ... - RF

I altered this line of code similar to the one that you posted for me previously without an improvement.

However, I have noticed when using the Triad silverblue skin on the pmwiki.org site, the background image shows as expected. Do you know how the CSS was modified for the PMwiki.org site?

Change Font-size Default for one page

• Can we overwrite the default font size for one page only... like defalut=70 and the font for that page will be smaller, for all the other pages default will be 90

Title problem

First, thanks for a great skin! I've used it for an internal site (I'm using MS IE 6, PmWiki 2.1.26) and want to continue to do so, but have hit two problems with which I need help [and I did read through this entire page]:

• As of the December release of Triad, (:title:) markup seems not to be honored. I just get the page titles (respaced). This also happens with the 2007-01-27 release.

Thanks for the reply. I'm behind a firewall, so can't provide an example of the title problem. I'll have to see if I managed to change any skin-related files somewhere.

Vertical scrollbar disappears in IE6 in edit window

• the vertical scroll bar inside the edit window stopped appearing after making an edit.

I just clicked on the Triad Skin link here, and then edited the target page. As soon as I type a single character on any line, the scroll bar vanishes. Thanks. - ClaytonCurtis

>>editarea<<
(:input e_textarea:)
>><<

Font sizes display irregular - fixed

• The option of getting big text/normal text if fine... but when you toggle from big to normal... the normal is bigger that 0 (in the center of -0+... I like the 0 as defaul.. and like to normal and 0 be the same... So the simple question how to make normal view (from big/small) be the same size as clicking on zero (0)

Changing bullet image

• I like to change the color of the bullet, but cannot find a bullet picture info the skin/image folder... so where it is?

Boxed content in right bar

• Here is a little question that rise when browsing all the comment here... At the end of the page there is a screenShot that show right hand menu that have little white box for each text block... me, when i have the righthand text, the text is on gradient background.. no white box... tell me how to make, let said two white box of two different new, what is the syntax?

Problems with IE7 on IIS5.1 XP box

When running IE7, from a IIS5.1 XP box, the outer-box element does not display the background image ../images/brd-left3.jpg. However, when running from the same box, in a FireFox browser the background is visiable.

When viewing the same skin with IE7 from the pmwiki.org site, the background image is visiable. Is my issue due to an IIS 5.1 setting or something else?

If I remove the #004A94 color code from the CSS file, the background loads properly but of course the left sidebar is not appear with the blue background needed for the skin.

Thanks for the skin and any help you can provide.

RF -- 24 Jan 2007

Bug: Incorrect display of ordered list as part of unordered list - fixed

Hi, For some reason nested unordered/ordered lists are not rendered correctly on triad skin. When I try the example from TextFormattingRules?skin=triad#BulletedLists All levels of list are rendered as unordered which is wrong. Compare to TextFormattingRules?skin=pmwiki#BulletedLists

Ha, Reason found - when adding to CSS

#content ol { list-style-image: none; }

Things become right...

Hi, first I really love the way TriadSkin look, professionnal and techky..I am pretty new to wiki, but cannot find anywhere a definition of all the option to format text AND image AND other with Trid so here is the question

• 1) How to make a picture pretty small (150 px) with a kind of border and a caption (like the original wiki)

• 2) How to add emoticons like the smiley and other. I try {cool}{eek} but it dont work...

• 3) Where is the rules to format color and other option of >>bquote<<

• 4) I like the caption text to be the size of the picture width, now if the caption is long.. it just make a huge line, when i force break... it break the cation formatting... what to do?

• 5) I cannot make my logo appear, it just show up the name (logo.jpg) instead of a picture... why, what to write ?

• 6) I cannot make the text wrap at the right of the image...like the othe image without long caption done as explain. I even try with a table... no luck... no text at the righ... i am sure it just a little something.. but cannot figure it out.. after 2 hours trying, i give up.

>>lfloat width=260px ...etc... << %lframe bgcolor=#bbbbbb border='3px %  Img:tutu.jpg
image text...
>><<

OK it work... Here is the complete syntax just in case I forget

>>lfloat width=280px << %lframe bgcolor=#bbbbbb border='3px %  Img:tutu.jpg
%lframe width=256px bgcolor=#eeeeee% '-Here is some text to make it longer...'
>><<

• 7) I really like your skin, but I don't like the edit, page history, list group button at the bottom of the page... so I like to take those functions and get it to the to the top right menu with edit history and change... what modification should I do, witch files should I edit ?

• 8) I see at the top the group in little, and the page name huge center in red... i like to remove the page name, and add at the group name something like main>home (like a path to where you are )

$grouptitle = PageVar($pagename, '$Groupspaced');
$title = PageVar($pagename, '$Titlespaced');
$GroupTitleFmt = "<div id='pagegroup'><a href='\$ScriptUrl/\$Group/'>$grouptitle</a> > 
                  <a href='PageUrl?action=browse'>$title</a></div>";
$TitleFmt = "";

• 9) How to force the default color setting to c-silverblue.css... what to add into cofig.php

Your help is really appreciate, thanks in advance, MAM

Access keys

Hi! I am very comfortable and impressed by triad. I was just wondering if it could be possible to implement access keys in order to edit the pages, as I used to do in some other skin where the Alt-E was to edit the main content and Alt-B the Sidebar. Thank you for your time and effort Fernando (Argentina)

Put in PageTopMenu and/or PageFootMenu access key definitions like these (they are part of the distributed pages as well, or should be). See also Site.Preferences. --HansB

* %rel=nofollow accesskey=$[ak_edit]%[[{*$Name}?action=edit | $[Edit] ]]
* %rel=nofollow accesskey=$[ak_history]%[[{*$Name}?action=diff | $[History] ]]
* %accesskey=$[ak_recentchanges]%[[{*$Group}.RecentChanges| $[Recent Changes] ]]

Bug with preview footer in Popup-EditForm - fixed

Great skin! I just installed version 2006-11-25 on pmwiki 2.1.26 and I do notice a strange behaviour on the edit form. When the edit form initially opens, it shows the preview footer underneath, which disappears once I open and close the "preview". You can see it yourself at http://www.design.udk-berlin.de/OnlineService/HomePage?action=edit

Help appreciated. Thanks in advance, Larsen.-

It is caused by a bug in the conditionals I used on Site.Popup-EditForm. Will be fixed in the next release. Or you could copy the page from pmwiki.org. -- HansB December 06, 2006, at 12:12 PM

Bug with italics text for IE7 - fixed

Italics are causing neighboring divs to go blank beneath where the italic text begins. I am using IE7 final. Is this a bug in triad or pmwiki? Firefox displays normally.

It may be a IE bug. Ie had problems before with italic text stretching over the boundary, i.e. appearing wider than it should be. Can you give an url to look at, or send me one by emil? See also here: http://www.positioniseverything.net/explorer/italicbug-ie.html. Perhaps you can add some padding to the container? -- HansB

• bug fixed by adding #content {height:1%} to the local.css. Thanks Hans

Dropdown menu intgration?

Hot diggity this is one great skin! I tried out the dropdown skin and like those menus. I'm a PHP programmer myself but a n00b at wikis. How hard would you figure it would be to integrate the dropdown menus into triad?

Thanks! I personally don't like drop-down menus, I find them hard to navigate (I prefer Expanding Menus). That's why I never developed any. But I just had a look at HorizontalVerticalMenu, and it was not too difficult to get it function in the sidebar. But it comes with its own styling, small fonts, grey boxes etc, so it will take quite a bit of work to integrate the styling. Since Triad has several colour schemes it will be even more work. but basically you can tweak everything, functioning and colours etc, from its style sheet. I guess the same will be true it you want it integrated with the top menu. But I am not planning to do this, so it is up to you! ~HansB

Thanks :) I didn't know about those two. Depending on what I end up doing, I may give the integration a go, but don't count on it heheh.

Very nice design. I'm going to give it a try. Thank you, fos....

How do I disable the RightBar sitewide without using "noright" on every page?

Set in local/config.php:

$EnableRightBar = 0;
$EnableRightBarToggle = 0;

How do I hide the edit buttons from users not logged in ?

Try in Site.PageTopMenu and Site.PageFootMenu:

(:if !authid:)
*[[.........|edit]] etc
etc hidden links....
(:if:)

HansB

Bug with togglebar cookie - fixed

Can't seem to get the skin to remember the show hide state for the sidebars? pmwiki 2.1.26, cookies set ok but sidebar pops up again when navigating to a new page (or refreshing) - Chris

Fixed now in latest update. togglebars.php has a better cookie naming now. HansB

Brilliant. Can't thank you enough for the speedy response to this. An author with a smaller screen didnt like the sidebar taking up so much room and therefore deleted it (thinking they were removing it for themselves only). Using triad and removing the 'edit sidebar' link so its less easily edittable (till they know what they are doing) is a BIG help. :@) - Chris

Bug in togglebar script - fixed

MSIE 6.0 anounces error "Done but with errors on page" while Firefox not at a page
http://www.revida.sk/koza/index.php/Vikendovky/Vikendovky

The details say 'toggleLeft is undefined' and 'toggleRight is undefined'.
Jiri October 30, 2006, at 10:36 AM

There is an error in the skin's togglebars.php script, trying to load togglebars2.js, which does not exist. It should read src='$SkinDirUrl/togglebars.js' on line 45. Now fixed in updated triad.zip. ~HansB

Level1

     Level2
        Level3
        Level3a

Level4

    Level5
    Level5a

So when a user goes to Level1 and then navigates to Level2 I want to show Level1\Level2 up top on that page Thanks Uday upatel@edentechnolgies.com

How would I replicate the >>clip<< box with the sets in?
Thanks

Just use part of the source code from the RightBar page. Use it on site.RightBar or GroupName.RightBar. See RightBar source code. I do not understand your last question. Just use markup >>clip<< to get styled boxes on the rightbar.

Bug with latest pmwiki 2.2.0 betas not showing menu action links - fixed

However, when I show my pages, there is no Edit button for the page? Just edit buttons for the PageFootMenu and PageTopMenu Looked through your info page but did not see anything about this. Also clicking the Edit for the Top or Foot does not show the current button contents? I will continue reading up, maybe I got the wrong end of the stick and just doing something silly. Thanks for your time.

Triad (and other skins) were broken by changes introduced in PmWiki 2.2.0-betas. See "relative urls" at Release Notes). A new version of Triad is now available that solves the problem with the new beta versions, while providing backward compatibility with prior versions of PmWiki. Pico October 04, 2006, at 10:14 PM

(Original answer) Hi, I think Hans may be pretty busy right now, so I am taking the liberty of trying to answer your question until he is available. Are you using one of the new beta versions of PmWiki (as in 2.2.0 beta#)? If so, then the problem is the result in of a change in the way that PmWiki interprets certain types of links and, specifically, edit links that are located outside of the main body of the page. See Release Notes. Hans will be able to take care of the issue easily by updating his skin and if you can wait for that then perhaps you should. Otherwise, at this point if you want to get Triad working right away, your options are: (1) to disable the new "$EnableRelativePageVars" setting in your config.php file, or (2) make some simple changes to several pages to add an asterisk to certain "page variables" e.g. change {$Name} to {*$Name} to ensure that the edit (and other links) will be interpreted correctly. For now, the first option may be simplest, and most appropriate if you are new to PmWiki (and, later on, you can download an updated version of Triad Skin that will save you from the trouble of having to make the changes yourself). Also, since this issue may affect other skins, you will save yourself some trouble by just leaving this off for right now. (Since this option is turned off by default, presumably you enabled it in your config.php and you can undo that by deleting your entry, or commenting it out with a #, or by changing the setting from 1 to 0)

If you want to make the changes yourself, however, here are the files that you will have to change:

• Site.PageTopMenu
• Site.PageFootMenu
• Site.PageFooter
• Site.PageHeader
• Site.Triad-EditForm

To edit these pages, you may have to manually enter the edit action into the address bar after the page name, like this:

When you edit these files, you will look for instances of {$Name} and change them to {*$Name} and do the same for instances of {$FullName} and {$Group}, if any, that appear in those pages.

Pico September 28, 2006, at 07:25 PM

A2. Thanks, the latest beta has the relativepagevar enabled by default, commented out and now fine. THanks :)

(:if !auth edit:)
(:noright:)
(:if auth edit:)
(:pagelist list=normal fmt=#sidebar group={$Group}:)

Bug with popup editform preview - fixed

Hans, I decided to try this skin after reading your post about divisions vs tables. It is another great skin. Thanks. One issue: the popup edit preview behaves differently on Triad than on FixFlow. Specifically, the popup preview appears below the editing screen, requiring a scroll down, not much different from the default skin behavior (except that the preview has you popup styling). When I switch to FixFlow using the same site, the preview pops up and covers the edit screen, as intended. Something else I just noticed that seems odd: when I try a different browser the style of the edit buttons changes (OS X, Firfox shows rectangular buttons and Safari shows oval buttons). What should I check to troubleshoot this?Pico August 31, 2006, at 11:46 PM

Thanks for the alert! A bug slipped in from my last development efforts. Now fixed in latest update. Plus better Popup-EditForm load logic, and access keys for fontsizer. Re: Safari and buttons: I think Safari has a problem displaying styled buttons, i.e. not using the css inputbutton class. Maybe other Mac users can confirm this? --HansB September 01, 2006, at 05:24 AM

Bug with IE6 and upload form - fixed

I have no problem uploading using IE6 when the skin is in the "border" width. But when I switch it to my preferred "800" width, it will let you enter the password, but it will hang trying to present the upload screen. PM tried it in Firefox and it worked, but he too experienced the same issue using IE6. Is there a fix for this? Maybe the "File to upload:" box is too large...? Steve

The problem was with the alternate upload form for IE. I reworked the form (it is in skin.php) and uploaded a new triad.zipΔ ~HansB

Thanks Hans - it worked! The Upload window was still cramped with both sidebars in 800 mode, so I found this in skin.php:

            SetTmplDisplay('PageHeaderFmt', 0);
            SetTmplDisplay('PageTitleFmt', 0);
    };

and changed it to this:

            SetTmplDisplay('PageHeaderFmt', 0);
            SetTmplDisplay('PageTitleFmt', 0);
            SetTmplDisplay('PageRightFmt',0);
    };

in order to give it more room (e.g. "File to Upload:" is to the left of the box instead of above it.) Steve

Bug with cursor disappearing in text edit box - fixed

After update to ver.3 always happens when editing and closing the preview the cursor disappears from the editbox. Is it a matter of the skin or PmWiki 2.1.5 ? (Using WinXPP SP2, MSIE 6.0.2900 and Firefox 1.5.0.3). Jiri.

This problem appears as far as I know only with Firefox, with the popup preview pane. There seems to be a bug in firefox handling of absolute positioned divs and input forms. I have no fix for this, but if it is too annoying you can switch to a different edit form, for instance put in config.php: $PageEditForm = 'Site.Triad-EditForm';, or comment out in skin.php the lines which load the popup-preview scripts (ca. lines 68 and 69). ~HansB

Thanks for the fast response to the question below! I was wondering if you could answer another question?

If I have a page that is a list of items and therefore doesn't have text that runs the width of the page, both the left and the right sidebars get much wider and squeezes the page. I think I understand why this happens, because they are not a fixed width. But is there a hidden character or something I can put on my page that will keep it wide? In html, I would sometimes need to use the transparent pixel gif to force tables to display properly...

Thanks again. Great skin!

In the triad skin both left and right bar are of a fixed width size of 170px (set in layout-triad.css). If you need a narrower default you need to change the setting in this file. If the page contains long lines of preformatted text for instance, the width of the content may force the sidebar and rightbar to become narrower, but normal wrapping text should leave them at their default width of 170px. ~HansB

I probably didn't describe it properly. I'm experiencing the exact opposite. When the main page (center column) doesn't contain a line of text that spans across the entire width of the column, then then the two sidebars get wider and the center column gets narrower.

You described it alright, but it should not happen that way. What browser are you using? Have you checked layout-triad.css if it has fixed width for #left-box and #right-box? Any page we can look at? See for instance on my site Test Pages. ~HansB

1. IE6

2. Lines from layout.triad.css:

#left-box {width: 170px; }  /*set left sidebar width. Adjustments also needed in showhide.js */ 
#right-box { width: 170px; } /*set rightbar width. Adjustments also needed in showhide.js */

3. Sample pages can be found here:

http://www.bethlehemcommunitychurch.com/pmwiki/pmwiki.php?n=Ministries.Ministries http://www.bethlehemcommunitychurch.com/pmwiki/pmwiki.php?n=Ministries.Missions

Both pages look good to me in IE6. See this screenshot (reduced to half size):

I think it has to do with the PageFootMenu. When I commented out those buttons, then the center column gets squeezed if there's not a lot of text on that page. As luck would have it, you must have looked at my site when I was experimenting with putting them back in. If you visit now, I think you'll see what I mean. I wanted to hide the "edit, history..." buttons from everybody, but I guess I could replace them with other links like sitemap, etc. By the way, I hid "edit" in the blue bar at the top. Thanks again.

Thanks, now I can see your problem. I recommend not to remove the pagefootmenu, and not to set it to display:none (commenting it), but instead edit it and add to the top (:if auth edit:), which will display the menu buttons when you are logged in with edit authorisation, but will not show them when just reading the pages as casual visitor. that should cure the problem of sidebar stretching in IE6. I will investigate the reasons why IE6 stretches the sidebar in the absence of a pagefootmenu further, but meanwhile you can try the above conditional display of buttons. ~HansB

Direct printing

I don't see how to use the Direct Printing mentioned in the Triad description page. Any help would be appreciated. mkline

Direct printing means printing without need to load first a special "print view" page. Use your browser's print facility directly, i.e Ctrl-P or File-Print or File-PrintPreview to see the page displayed as it would be printed. The page layout and styles for printing is controlled by the layout-print.css file, in case you wish to change some print styles. ~HansB

Background colour for sidebar

I can't seem to find where to change the background color of the sidebars, or any background color at all: What would the appropiate css file be? Thank you in advance [Ferpont]

Look at c-lightblue.css at the top of the file. Lines are annotated. ~HansB

{$PageLogoUrl}

I can't seem to use $PageLogoUrl in site.pageheader. If I do, it will only display the resolved file name, not the image contained in it. If I put the explicit file name in the pageheader text, then it renders fine. [TerryM]

Sorry but there really seems to be a bug here. Even if {$PageLogoUrl} is defined, the script prints the full link (e.g. {http://www.mysite.com/wiki/pub/skins/triad/images/logo01.png}) which links to http://www.mysite.com/wiki/pmwiki.php?n=Main.ScriptUrl?action=edit . Apart from that, your skin is great! -- Dan

New Triad version 2

I abandoned the pure css based 3 column layout, because it was just too fickle to integrate with a header which could change in size, and the text sizing option. The new basic layout employs a 3 column table with column spanning header and footer. This proves much more stable and easier to use various markup to disable the various sections of the page. I got tired of having to use trick divisions and just too many browser specific tweaks. Maybe one day css will grow up and make it fun to create such layouts, but right now it is just too painful. - HansB

Question: When there is no RightBar, shall the right column space stay empty by default, or shall it be removed so the page content stretches over to the far right? I just wonder how to set the default, and give the option to switch to either way. ~HansB

Footer placement when window height is large

Hans, I think this is a great new skin. It flows very nicely and makes a great use of the rightbar. One problem is that if you have a short page and short sidebar, such that the whole page easily fits at the top, the footer appears just above the bottom, so there's a bit of space there below it. I can even see it on this page. I happen to be using Firefox 1.0.7, screen resolution is 1280x1024. - JonHaupt

The latest update (1.1) is using javascript to correct the footer positioning. The window rebuilds when there is no vertical scrollbar needed, and sets the footer at the bottom. The percentage minimum height for #outer is still needed for browsers not running java. A smaller value will trigger the resetting by javascript earlier, but then browsers not running javascript will show the footer a bit above the bottom. This is a bit of a tricky compromise, but then it affects only pages with small content or sidebar heights, so maybe we can live with this.

The original blueprint for this layout had the header positioned absolutely, and used a "clearheader" division to make space for it. The minimum heght for #outer was set to 100% and it worked well, aslong as th eheader was set to the correct size. But since we use a wiki page to customise the header, and the size can change, and since I wanted to integrate the fontsizer, which again results in various sizes for the header (in IE), I abandoned the absolute header positioning, which works great for the header, but causes some problems for the footer, since the #outer div can't be set to 100% minimum height anymore if you want to see the footer when the content is small. ~HansB

I just got your cool beans running. Awesome work, I love it!

All of the pages say in the footer that they were last updated in Dec 2005, though. Do you think something is wrong with the latest beta, or is there something in my configuration that needs to be tweaked? From Jon's screenshot above, it looks like he has the same problem.

I can't see this from the screenshot, and i am not sure what you are referring to: is it the Page last modified variable? Make sure it reads {*$LastModified} for pmwiki 2.2.0-betas. Hans

On a side note, yes, 1280x1024 seems to be increasing in popularity, and 800x600 is slowly going the way of the 640x480. I use 1280, and a guy in the office next to me uses a resolution of 1920x1200 (or 1200x1920, depending on whether he rotates his monitor). Apple's got some cool stuff! Their larger one is 2560x1600. Bottom line: kudos to Hans for the easy access to text sizing, and setting a cookie for that.

Thanks ~ :b

Leave new questions and comments at the page top please!