TidBits: TW5 TIPS

[@TiddlyTweeter]

(This post has an experimental layout. If broken, please let me know.)

"TW Tips" I like to collect.
Short notes like those below.

? Do you have any I can add ?

TIDDLYWIKI TIPS

COPY TIDDLERS BETWEEN TW USING A TAG — To copy a set of Tiddlers that are tagged, drag & drop a tag-pill for the wanted items from a source TW to a target TW. All tagged items will be copied over.

#tip #tag #export

COPY TIDDLERS BETWEEN TW USING BROWSER BOOKMARKLETS — Enables you to save Tiddlers to a browser bookmark & insert them into another wiki. Link provides the macro code & basic instructions.

#tip #bookmarklet #export #macro

CHANGE STYLESHEET ORDER — Click on any "$:/tags/Stylesheet" tag-pill & in the dropdown select & drag a stylesheet to change its position in the CSS cascade. The order of loading is from top to bottom.

#tip #css

SWITCH OFF WIKITEXT LISTS — Useful when you don’t want "#" as the first character in a line to become a list item, but remain literal text. Add "\rules except list" as the first line of a Tiddler that needs it.

#tip #rules #wikitext

READ RELEASE NOTES — Reading the main TiddlyWiki release notes gives a good, quick, overview of TiddlyWiki evolution over time. And sometimes changes are mentioned that are not otherwise documented.

#tip #releases #docs

written in TiddlyWiki
format via Markdown Here
15th November 2019

​

[@TiddlyTweeter]

For those on email, a needed repeat post ...

[A Gloom]

latour

Layout works

here's somethings that might be of use (from one of my cheatsheets)

data dictionaty tiddler `:` : use `:` so it doesn't mark the separator between index & value

filtered list bullet no indent : <$list filter="" >&bull; <<currentTiddler>><br/></$list>

filtered list ordered ol numbered : <ol><$list filter="" ><li><<currentTiddler>></li></$list></ol>

filtered list unordered ul : <ul><$list filter="" ><li><<currentTiddler>></li></$list></ul>

filtered list table : <table><tr><th colspan=""></th></tr><$list filter=""><tr><td><$link><$view field=""/></$link></td></tr></$list></table>

filtered list numbered table : <table class="ragstablenumb"><tr><th>#</th><th colspan="2"></th></tr><$list filter="[tag[*html]]"><tr><td></td><td><$link><$view field="title"/></$link></td><td></td></tr></$list></table> (no nesting)

filtered list numbered table css style : .ragstablenumb {counter-reset: serial-number;  /* Set the serial number counter to 0 */}.ragstablenumb td:first-child:before {counter-increment: serial-number;  /* Increment the serial number counter */  content: counter(serial-number);  /* Display the counter */}

list toc div : <$list filter=""><div class="rags-menu-list-item"><$link><$view field="caption"/></$link> / / <$view field="namesec"/><$list filter="[all[current]tagging[]]"><div class="rags-menu-list-subitem"><$link to={{!!title}}><$view field="caption"/></$link> / / <$view field="namesec"/></div></$list></div></$list>

list links numbered ol : <<list-links filter:"" 'ol' >>

caption or title : <$transclude field="caption"><$view field="title"/></$transclude>

list link to title w other fields : <$link to={{!!title}}></$link> <$link></$link>

conditional view list : <$list filter="[all[current]tag[x]]">display content</$list>

reveal using variable : <$reveal type="nomatch" text="0" default=<<variable from set widg>> > no state param but default param

set variable by filter : <$set name="" filter="">

slide reveal : <$reveal type="nomatch" state="$:/state/" text="show"><$button set="$:/state/" setTo="show">Show</$button></$reveal><$reveal type="match" state="$:/state/" text="show"><$button set="$:/state/" setTo="hide">Hide</$button></$reveal>

clear button : <$button class="tc-btn-rounded"  style="margin-left:10px;"><$action-setfield $tiddler="$:/temp/kbshortsearch" searchterm="" />{{$:/core/images/close-button}}</$button>

table horizontal scroll : container div overflow-x auto

tooltip line break : press enter key (for new line)
tooltip svg title line break: &#13; (&#10;)

tshoot edit-text lose focus : edit-text inside set using edit-text output

tshoot macro call fail : make previous parameters not used have " ", "non singular values"

tshoot tabs vert : <<tabs "tabList" "$:/state/tabsuniquesuffix" "default tab name" "tc-vertical">>

tshoot tabs transclusions currentTiddler : use tabs macro template "#tabsmacro current tiddler template"

tshoot temp, state tidd explorer : using / in tidd title causes sub directories for state temp tidds in More explorer

[A Gloom]

this as well




Field names must be lowercase letters, digits or the characters - (dash), _ (underscore) and . (period).




I need to find the official info on character restrictions for tiddler titles and tag names if any


[Eric Shulman]

On Friday, November 15, 2019 at 10:30:39 PM UTC-8, A Gloom wrote:

Field names must be lowercase letters, digits or the characters - (dash), _ (underscore) and . (period).

I need to find the official info on character restrictions for tiddler titles and tag names if any

The restrictions on field names is because of the way tiddlers are stored as HTML DIVs in a standalone file.

For example:

<div anotherfield="test2" created="20191116072632823" modified="20191116072810554" otherfield="test" tags="TagWith&quot;Quote [[Tag with spaces]] TagOne" title="New Tiddler" type="text/vnd.tiddlywiki">
<pre>tiddler text content goes here</pre>
</div>

 

Except for the tiddler text content, all tiddler fields are stored using attributes of an HTML DIV, and those attribute names are limited to lowercase, digits, dash, underscore, and period.  Note that the tags field *value* is automatically pre-processed by the TW core to ensure that tags with spaces are enclosed by doubled square brackets, and any embedded quotes within a tag name are replaced with &quot; so it doesn't interfere with the quote delimiters used to surround the HTML attribute value itself.

enjoy,

-e

[@TiddlyTweeter]

Thanks Eric & Gloom

I started this thread as a kind of experiment; not seeking a specific answer to a specific problem. 

Rather, I was interested in seeing if we can develop short, self-contained, info notes on function, syntax, "rules" etc. in TW that are useful to know (that you only need read once!) that are normally not so foregrounded but are important to know. 

Both of you wrote notes that are useful to have explicitly! 

In time will I try bring them together. Thanks!

TT

[A Gloom]

@Eric

tyvm, its makes it easier to remember a rule when its understood why

@TT

no problem, the fields names tip is definitely an important

info notes on function, syntax, "rules" etc. in TW that are useful to know (that you only need read once!)

I've found that there's no reading once, with info overload you always forget unless you actually use the info-- why I got a cheatsheet of stuff I need to remember-- like to remember to use to use the cheatsheet of stuff needed to remember >< : )

[@TiddlyTweeter]

A Gloom wrote:

I've found that there's no reading once, with info overload you always forget unless you actually use the info-- why I got a cheatsheet of stuff I need to remember-- like to remember to use to use the cheatsheet of stuff needed to remember >< : )

It is an interesting thing. You have comprehension but need usage. I have almost complete memory and VERY slow comprehension. Horses for courses. 

Your CHEAT SHEETS, what I have seen of them, look very useful

TT

[Ste Wilson]

I must admit my brain starts to switch off with tiddlywiki syntax so i have a code snippets tag and kind of Frankenstein stuff together with occasional flashes of comprehension :)
It's a modest collection :)
http://stephenteacher.tiddlyspot.com/#Code%20Snippets

[@TiddlyTweeter]

Steve

Woah! Nice stuff. That wiki is ZIPPY! Fast & useful on snippets at http://stephenteacher.tiddlyspot.com/#Code%20Snippets.

[@TiddlyTweeter]

Ste Wilson wrote:

I must admit my brain starts to switch off with tiddlywiki syntax 

The TW Cat Always Comes Back https://www.youtube.com/watch?v=oW9f04Dctz4 

Just saying :-)

TT

[Ste Wilson]

Brilliant!