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

CompactPageList

Question

How can we make the long pagelist compact?

Answer

This recipe is somewhat superceded by PmWiki's use of PageListTemplates.

For a compact pagelist on one line see PagelistTemplateSamples#oneline

Include the following style in pub/css/local.css or pub/css/Group.css or pub/css/Group.Page.css depending whether you want to give global effect or restricted to a page.

	dl.fplbygroup {
		float: left;
		margin: 0;
	}

	dl.fplbygroup dt {
		float: left;
		margin: 0;
		font-weight: bolder;
	}
	dl.fplbygroup dt a {
		text-decoration: none;
		color: green;
	}
	dl.fplbygroup dt a:hover {
		text-decoration: underline;
	}

	dl.fplbygroup dd {
		float: left;
		margin: 0;
		margin-top: 0px;
		margin-left: 5px;
		padding-left: 3px;
		line-height: 18px;
		white-space: nowrap;  See Comments Below
		border-left: 1px solid #ccc;
	}
	dl.fplbygroup dd a {
		text-decoration: none;
		color: #9999CC;
	}
	dl.fplbygroup dd a:hover {
	/*	border-top: 1px dotted green; */ remove these comments for some extra effect :)
	/*	border-bottom: 1px dotted green; */
       		color: #444;
	}

  Then on the desired `WikiPage enter:
    ||class=pagelist align=left bgcolor=beige width=98%
    ||[-(:pagelist group={$Group} list=normal:)-] ||
    [[<<]] 

If you wish to have two different pagelists on one wikipage, one compact and other normal, then precede the above style code in each definition with:

  .pagelist
       eg. .pagelist dl.fplbygroup {
             float: left;
             margin: 0;
           }

   (:pagelist group={$Group} list=normal fmt=simple:) 

Then use the style code given below.

	ul.fplsimple {
		float: left;
		margin: 0;
	}
	ul.fplsimple li {
		float: left;
		margin: 0;
		margin-top: 0px;
		margin-left: 2px;
		padding-left: 3px;
		line-height: 18px;
		white-space: nowrap;  See Comments Below
		list-style: inside;
	}
	ul.fplsimple li a {
		text-decoration: none;
		color: #9999CC;
	}
	ul.fplsimple li a:hover {
		color: #444;
	}

Test Page

• Test.CompactPageList

Notes and Comments

• Font color and weight can be changed according to your wiki's overall style.
• Best place for using this compact list is in GroupHeader.
• Remove the lines:

          white-space: nowrap; 

• The lines ran together for me (on Firefox on Linux) until I added this to dl.fplbygroup dt:

          clear: left; 

See Also

• PmWiki.Directives?
• Cookbook.PagelistExplained
• PagelistTemplateSamples#oneline

Contributors

• V.Krishn