Methods for Completely Overriding the TiddlyWiki Interface

tomzheng · January 16, 2026, 1:09am

It appears that Method 1 was used: switching the layout.

From you, I learned how to switch layouts using buttons.

Someone previously asked why we completely cover the TiddlyWiki interface. https://simplifaifullscreen.tiddlyhost.com/ is one example. Basic-Anywhere-Machine is another. An app’s interface often requires no visual distractions whatsoever.

tomzheng · January 16, 2026, 1:45am

buggyj:

I use a button to switch both the layout and the stylesheet:

<$action-setfield $tiddler="$:/theme" text="$:/themes/bj/cssreset"/>
<$action-setfield $tiddler="$:/layout" text="$:/plugins/bj/simplifai/AiApp"/>

This is also an example of resetting all CSS.

buggyj · January 16, 2026, 7:29am

I switch back to normal layout from a preact controlled button:

function(){ 
    setfield({$tiddler:"$:/theme", text:"$:/themes/tiddlywiki/vanilla"});
    setfield({$tiddler:"$:/layout", text:"$:/core/ui/PageTemplate"})
}