Multi-Column Layout / Storyview

Hi all,

version 0.84.57 is online

  • there’s a configuration option in the Control Panel to close columns when the last tiddler is closed
  • another configuration option to preserve the content of closed columns

That’s all
Simon

2 Likes

@BurningTreeC
If all the tiddlers in a column are closed using the close viewtoolbar button, the column gets removed automatically.
But if I use the keyboard shortcut to move tiddlers from one column to another and if in doing so if a column becomes empty, that column is not getting automatically removed. Can this be fixed ?

Hi @arunnbabu81

That should now be fixed :slight_smile:

Although I like what I see of this layout, I haven’t had any call to use it, so I haven’t followed the conversation closely. But I am wondering if instead of columns closing, they collapsed into a vertical row just wide enough for some sideways text describing the column. There are many examples of this online, including in some Kanban systems, but the first one that I can think of is Codepen. You can drag the column dividers to change widths, and when you get small enough it’s just a sideways title bar. (There’s also a cute animation for the final switch, but that’s not at all crucial.)

Would this be a useful model? And if so, does anyone know just how easy or difficult it might be to achieve?

@BurningTreeC Why configuration options are incomplete in my wiki

I think this would be a good idea for tiddlywiki in general and need not be part of MCL.

I believe I may know how to do this and once we have it we can look at its operation within MCL.

Let us start a new topic. Undo close tiddler shortcut?

1 Like

Hi @Scott_Sauyet

This would indeed be a useful model
I don’t know if the combination of flexbox CSS and the way how this Layout creates the columns makes it possible to achieve such a layout that you describe
I’ll think about it and let you know!

Best wishes,
Simon

Hi @arunnbabu81

In the process of creating MCL I didn’t pay attention to the naming of the configuration tiddlers.
That’s because in the configuration panel they are filtered by tag $:/tags/MultiColumn/Config and that tag is new since version 0.85.0
That means that all modified configuration tiddlers from before that version don’t have that tag


To resolve that issue, delete them. Then they will appear as configuration options in the control panel.
Their names start with $:/config/story-river/ or $:/config/panel/

1 Like

May I suggest some kind of a navigation bar for each column as illustrated below? It doesn’t have to be necessary, maybe users can opt to use it or not.

1 Like

Hi @Sparrow

I think this would become cluttered if there are many tiddlers open in a single story river
Maybe a dropdown?

3 Likes

That’s an even better idea.

@BurningTreeC

A graphical ‘glitch’ happens, i.e. the excise prompt gets '“cut”, when I try to excise contents of a tiddler. This happens when there are two columns. See picture below

Also, one workaround the problem is to expand the width of the column containing the tiddler one wants to excise the contents of:

Can you also possibly look into adding the save/file changes indicator as seen from the picture below? The reason I’m asking is that I sometimes forget to save my tiddlywiki file when I use the plugin. Also, it is cumbersome to expand the sidebar just to see if there is/are new tiddler modification(s)/addition(s).

Hello @Sparrow

Columns don’t overflow in x direction and that’s the problem here

I’ll see if I can fix that by making them overflow auto

Yes, good idea @Sparrow

I’ll add that

1 Like

Hi @Sparrow

  • The columns now overflow in x-direction if there’s content that makes them overflow
  • I’ve added the save-wiki button to the bottom right panel
2 Likes

Cool. Thanks @BurningTreeC

@BurningTreeC I tried deleting the the plug in and re-installing it. Still the configuration option remained as limited as in the demo wiki. I even tried to add the tag $:/tags/MultiColumn/Config manually using Commander plug in. Still it was not working. But it worked on a empty fresh wiki. What to do now?

@arunnbabu81

You need to delete the config tiddlers, not the plugin

Anyways I rebuilt my wiki using a fresh copy of the MCL and CM6 plug ins.

Now I want to create a keyboard shortcut to toggle the user sidepanel.

I tried to create a button which can do this.

<$list filter="[$:/state/user-panel/visibility]match[no]]">
<$button class=<<tv-config-toolbar-class>> >
 <$action-setfield $tiddler="$:/state/user-panel/visibility" text="yes" />
 <$action-setfield $tiddler="$:/state/sidebar-focussed-tab--383080953" />
{{$:/images/svg-icon/home-question}}
</$button>
</$list>

<$list filter="[$:/state/user-panel/visibility]match[yes]]">
<$button class=<<tv-config-toolbar-class>> >
 <$action-setfield $tiddler="$:/state/user-panel/visibility" text="no" />
 <$action-setfield $tiddler="$:/state/sidebar-focussed-tab--383080953" />
{{$:/images/svg-icon/home-question}}
</$button>
</$list>

I tried to reproduce it to the keyboard shortcut like this

<$list filter="[$:/state/user-panel/visibility]match[no]]">
 <$action-setfield $tiddler="$:/state/user-panel/visibility" text="yes" />
 <$action-setfield $tiddler="$:/state/sidebar-focussed-tab--383080953" />
</$list>

<$list filter="[$:/state/user-panel/visibility]match[yes]]">
 <$action-setfield $tiddler="$:/state/user-panel/visibility" text="no" />
 <$action-setfield $tiddler="$:/state/sidebar-focussed-tab--383080953" />
</$list>

With this shortcut I can close the side-panel, but side-panel doesn’t open with this shortcut. Can you help @BurningTreeC