Note: An alternative skin, TW4MW (work in progress), is available from the user preferences.

Diagrams

TiddlyWiki Community Wiki

Jump to: navigation, search
This page is still incomplete. You can help by contributing to its expansion.
Please improve the article, or discuss the issue on the talk page.

Simple diagrams can be created with Borderless Tables, making use of features such as col- and rowspan as well as inline styling.

By adding the following CSS ruleset to StyleSheet, header cells will be rendered with borders. 

.viewer table.borderless th {
	border: 1px solid #000;
	font-weight: normal;
	text-align: center;
	color: [[ColorPalette::Foreground]];
	background-color: transparent;
}

[edit] Example 

|borderless|k
|>|!level 1||border:0;background-color:#eee;!''monitoring''<br>&<br>''error correction''|
|>|text-align:center;↓||~|
|>|!level 2||~|
|!condition A|!condition B||~|
|>|text-align:center;↓||~|
|>|!level 3||~|
|>|text-align:center;↓||~|
|>|!''goal''|←|~|
|Sample Diagram|c
Retrieved from "http://tiddlywiki.org/wiki/Diagrams"
Personal tools