Menu/Sidebar on the left

#1

I was looking at one of my older wikis today where I had quickly hacked together a menu/sidebar on the left of the default theme. Since there has been discussion around this recently, I have extracted the salient bits for anyone that wants to tinker with it: TiddlyWiki — a non-linear personal web notebook

Consider it a potential starting point rather than a finished product.

As I recall, the mobile/small screen presentation needs work and currently the left menu just gets hidden on smaller screens.

3 Likes
#2

Great! This one was on my todo list too, so I’ll check this out to start. The best I saw for handling mobile on the left was J.D.s theme “Material” from a while ago. It was so complex I spent a long time trying to reverse engineer it and didn’t get finished.

#3

I think the notebook theme used in Projectify handles the mobile use case really well too.

#4

@saqimtiaz thanks for sharing this. would it be fair to summarise this as;

Adding a left sidebar (or other page elements) involves adding a tiddler tagged $:/tags/PageTemplate who’s content is given a class. Critically this class is used to apply CSS to the left menu to place the sidebar on the page, along with additional CSS to adjust the story to give room the leftbar.

I think it would be nice to document what is necessary for adding new page elements but a left sidebar and footer are the most common. I would think this may be best added through the “new” layout mechanism?.

#5

Hmm, Maybe it just needs to be an Enable/disable plugin rather than a layout.