A multi-column Layout / Storyview

Hi @TiddlyTweeter , I was actually able to solve those problems :star_struck:

But new observations will go into this tiddler if there are

@JanJo
I Like the layout button.
Not sure if you have tweaked Krystal or if I should drop a line to the author but…
The make Tiddler full-width button persists across layouts as do the links thumbnails.

@BurningTreeC are these the kind of tweaks that I could make on a per layout basis and save with the Ensamble button? Does the Ensamble button save layouts?

Hi @Ste_W ,

The Ensemble button is supposed to save layouts, yes. But it does not yet save the full layout with all the configuration options. That’s an idea I got from your post and I’ll realize it.

Thanks,
Simon

3 Likes

Just a comment. The Ensemble approach is brilliant!

FYI I did some tests transporting an ensemble between wikis (both MCL enabled) and it basically worked though one or two settings were missing (at the time I tried it).

Just FYI, eventually, I’ll like try make an export macro that bundles an “Ensemble” with a bespoke CSS additional stylesheet to change things internal to tiddlers (e.g. internal Tiddler padding) for that Ensemble.

TT

Ciao BTC

One thing that came up in my testing was whether there was a way to apply a CSS Style Class to A column. (What I’m looking at is how to style Tiddlers differently by column. One wrapper class per column would let me cascade style changes just to the Tiddlers in that column).

Please note. This is just a query. I’m no way expecting you to do more for me, but I am interested in the question.

Best, TT

Hi @TiddlyTweeter ,

The columns have the class .tc-river-<columnNumber>
So the first column has the class .tc-river-1 , the second .tc-river-2 and so on

Best wishes,
Simon

Re: Styling Within Columns…

Excellent! Thanks for the heads-up! Very useful to know!

TEST #5 – Column Styling

This is a real neat feature of MCL!

In the test, the second column (via “.tc-river-2”) is styled differently than the other columns … Very easy to do.

TT

1 Like

TEST #6 – Column Styling + Individual Tiddler Styling

Further to my last, even within a story river styling, you can still style individual Tiddlers using the class field method to apply further styling.

In this test the Orange tiddler is coloured that way …

TT

3 Likes

I have a few suggestions to make

  1. Create a tab bar like in Mentat at the top of each column for easy navigation between Tiddlers within a column - make it visible only hover for aesthetics

    Or create a button at the top of each column like this Page TOC button

  2. Make the sidebar tabs into cards like in the sidebar of JD’s whitespace theme.

    Or make it possible to add custom sidebars like the sidebar of Whitespace theme by users.

  3. Command palette plug in is not working when multicolumn plug in used.

1 Like

Hi @arunnbabu81 ,

I don’t want to add visual distraction to the layout itself

I could do that. Do you mean this button:

image

I believe the second sidebar can be used for that and it should be users to customize it to their liking

What isn’t working? I believe the command palette isn’t made to work with multiple columns and especially doesn’t know about the currently active column.

That’s fine

Yes, a button with similar functionality - but only if it doesn’t make layout complicated.

I will have to test that out. Will ask for help if needed.

I was not able to invoke the command palette modal window with keyboard shortcut.

Ah yes, it’s probably tagged $:/tags/PageTemplate and I don’t include tiddlers tagged with that tag. I’ll see what I can do about that

Now the command palette should show up, with the latest version of the plugin

2 Likes

Ciao @BurningTreeC

I absolutely agree that the end-maker needs do that.

Though I do think some info on CSS classes for the left menu in MCL might help a bit?

FWIW, in my own case I’ll likely clone what @jeremyruston did for the menubar plugin to ease it a bit? The result is good for simples … :smiley:

1 Like

thank you. it works now

TEST #7 – “Sticky” Headers …

This is an early test of making the first Tiddler in a column into a “position: sticky;” header. Useful for layouts where each column is of distinct groups of tiddlers …

@BurningTreeC

This is such a flexible tool!

I think there could be whole sets of secondary “assistant tools” that apply variant CSS as well as “populating” macros to auto-fill columns :-).

Later I’ll try list some. I’m not expecting you to do those, merely that this thing sings and the flex on layout is brilliant.

A comment, TT

1 Like

@BurningTreeC

One thought I had was for …

Clone a Column

:slight_smile: , TT

Hi @TiddlyTweeter,

It’s great seeing what you create with this layout! :slight_smile:

A clone-column functionality would indeed be great

Best wishes,
Simon