CompactPageList

Summary: How to make a compact pagelist

Version:

Prerequisites:

Status:

Maintainer:

Discussion: CompactPageList-Talk

Categories: WikiStyleTips, Searching

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;
           }

NOTE: if you wish for

   (: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

Contributors

V.Krishn

Comments

See discussion at CompactPageList-Talk