How to change the split screen (standard 50:50) to 75%/25%?

#1

Hello,
I saw example p
age where the left Wiki content take 75% from the screen width, the menu/overview on the right has 25%.
I think default is 50=50

I search in google (maybe bad keywords used), how can I change this appearance ?

splitted
splitted2082Ă—945 156 KB

Can I edit this directly in the wiki-html file (with a real text-editor of course!), and (if yes) what is the magic keyword (variable name) I have to change?

#2

No need to edit the html file…

  1. In $:/ControlPanel, go to the “Appearance > Theme Tweaks” tab
  2. Make sure the “Sidebar layout” is set to “Fluid story, fixed sidebar”
  3. Scroll down to find the “Sidebar width” setting.
  4. Change the value to “25vw” (i.e., 25% of the browser’s current “viewport width”)

enjoy,
-e

2 Likes
#3

Thx, this is now solved

Can I also change the two parts, so the “menu” is on the left, the content on the right?
I don’t see a option for thix, only the width etc. …

#4

Try this:

  1. in $:/ControlPanel, “Appearance > Theme Tweaks” tab
  2. Set “Story left position” to “25vw”
  3. Create a tiddler, tagged with “$:/tags/Stylesheet”, containing:
.tc-sidebar-scrollable { left:1em; width:25vw; }
.tc-story-river { padding-left:0; padding-right:1em; }
  1. Go back to the $:/ControlPanel, “Appearance > Theme Tweaks” tab
  2. Set “Sidebar width” to “auto”

enjoy,
-e

2 Likes
#5

Thx again!

I try it (I think i have done everything as you wrote):
the content appear now on the right
but the menu is also right (will be overwritten from content when selecting a menu entry) .

What should be the "Sidebar layout (“Fluid story, fixed sidebar” or “Fixed story, fluid sidebar”).
I tried both …

#6

“Sidebar layout” should be “Fluid story, fixed sidebar”.
Did you remember to add tag “$:/tags/Stylesheet” to the tiddler you created containing the CSS?

-e

#7

OK, this was the mistake, I only give the name to the tidler.

I think this is an “internal” reason to set also the tag to the tidler name.

Can I edit the created stylesheet tidler later?
Because I can’t see (find) this tidler in the list…

#8

The tiddler you created should appear in the sidebar “Recent” tab. However, if you turned off the “Timestamps” setting (see sidebar “Tools” tab) then the tiddler you created will not set it’s created and modified date fields, and thus will not appear in the “Recent” tab. You should be able to find it in the “More>All” tab.

#9

Thx!
Found it under More => System

PS:
Why do you know all thee tings :wink:

#10

I am assuming that the reason it appeared in the System tab is that you named your tiddler “$:/tags/Stylesheet”.

All tiddlers that start with “$:/” are considered to be “system” tiddlers and are automatically excluded from display in the “Recent” sidebar list.

“$:/tags/Stylesheet” is the TAG VALUE that is used to designate that a tiddler contains CSS. You should name your tiddler something like “MyStyles”.

-e

#11

I have been using TiddlyWiki since 2005. I am an admin for the TiddlyWiki GoogleGroup (and more recently the talk.tiddlywiki.com Discourse) and I have answered over 10,000 questions from the TiddlyWiki community.

I have also worked closely with Jeremy to create and contribute many new features for the TiddlyWiki Classic and TW5 core codebases, as well as creating 100s of TiddlyWiki plugins, add-ons, templates, stylesheets, etc.

-e

3 Likes