A multi-column Layout / Storyview

TEST #8 - Simple Jukebox

This is just one column so far. Nothing you can’t do already in TW. But MCL makes a lot of things simpler visually.

Right. Over years TW has had variant stylist things. Kanban already, more than once. They are good IF you need just that.

TBH, I think what @BurningTreeC is doing on this is real neat in that he’s giving a column “framework” you can use many ways.

I think it a liberating approach.

Just a comment
TT

1 Like

Hi @linonetwo , you can use this plugin in a current prerelease build of tiddlywiki, yes

that would be a great addition!

Best wishes,
Simon

2 Likes

Ciao @BurningTreeC

I noticed in the beta v37.0 you enabled configuration switching of the Right Sidebar to the left (and the Left Sidebar to the right, if it exists).

That is extremely useful! It makes authoring work using MCL easier in that you can move the sidebar to a place it does not obscure any work-in-progress.

Saluti a te, TT

#Comment On The Ensemble Approach

I looked at what @BurningTreeC saves in an “Ensemble”.

It is brilliant and very supportive of dynamic experimentation with layouts. The data recorded is extensive. It includes the main layout settings and list fields for the Tiddlers in every column. Saves all of that and reloads it at will.

Very clever!

Example …

Somewhat in awe,
TT

TEST #9 – Quick Ad-Hoc Utility Building

In this example of using MCL I’m playing with understanding SVG in TW. Each column applies different styles to a few TW SVG icons to examine the basic effect.

My point is this whole thing was really quickly done. Works well for the aim. One Ensemble will do it. Really helps practical utility work.

TT

2 Likes

Please publish that utility @TiddlyTweeter :pray: :nerd_face: so I have identify svg component’s to alter.

1 Like

Hi all,

version 0.38.0 is out! :star_struck:

https://burningtreec.github.io/tiddlywiki-multi-columns/

I’ve just rebuilt the sidebar to use flexbox css


I’m using the MCL at work at the moment and I’m pretty happy about it.
How about you? Are you using it and for what purpose? I’m curious … :slight_smile:


Do you have any other ideas that I could implement?

Best wishes,
Simon

It is looking great.

Of note with your side bar change, one of my own mods tagged $:/tags/SideBarSegment now displays in the sidebar when it was not earlier.

Perhaps with next update you could describe the Ensemble in the side bar such as with

An ensemble is the columns and tiddlers displayed in each

or something.

Perhaps you could add your own version of the heading resizer;
multi-column-customiser.json (1.3 KB)

I had to readjust the buttons to be 1em form the right so It did not interfere with your Right hands side, hamburger menu.

See here https://multi-column.tiddlyhost.com/ where I trialled it on mobile, as expected a simple slide right lets me see each column. This is to me a wonderful way to publish feature rich mobile sites with a swipe to access multiple story columns. Next I will introduce some customisations discuissed in this thread such as a menu bar and top of story titles etc… so we know which story we are looking at,

  • perhaps story left and right buttons in a story header?

By the way if you want to publish at multi-column.tiddlyhost.com perhaps I can give it to you?

Just a reminder that for casual readers it’s very tough to find the URL for this; one needs to scroll up through 200 messages. I’d recommend repeating the URL in each post announcing changes.

1 Like

Thank you @TW_Tones

Yes, now they should show up. Though I don’t know how well they work with the sidebar-tabs scroll-overflow. I’ll have to test that a little bit

Yes I could do that. English is not my native language, so I don’t know what the best spelling could be for this.

I could and I think it’s something users would like to see. I also think, that everything I would add in that direction would be sort of opinionated so I don’t know if I wanna do that.

Hmmm, yes that may be a problem on mobile

I’m looking forward to see your customizations! :slight_smile:

That’s a good idea, I could make that configurable

No thanks, I’m fine with my github page. But thank you for the offer!

Best wishes,
Simon

Thank you @jeremyruston , I forgot about posting the URL

Here it is: MultiColumn Layout — a non-linear personal web notebook

2 Likes

@TW_Tones ,

If I got you correctly, there’s now a configuration option to show the sidebar buttons (hamburgers) in a top panel

1 Like

Hi all,

there’s a new feature which works in vertical view, but not in horizontal view:

one can doubleclick or ctrl-doubleclick on a column to make it wider or more narrow respectively

Best wishes,
Simon

Hi, maybe you can add it to the https://tw-cpl.netlify.app/ , so we can download it in a click.

Or you can upload it to the github release (via github action autoupload or something), then I can help you register it to the cpl.

Works very well with the multi-column-sidebar

It’s multi-column everywhere now.

A Note On Styling in MCL …

I won’t now as it would need added docs to know what I’m doing in it. Perhaps later.

But, regarding MCL use, the main illustration of my post at A multi-column Layout / Storyview - #271 by TiddlyTweeter of SVG styling is that the MCL CSS approach is great.

Each Column can be styled differently …

And the Overall Matrix can be styled via …

Ciao, TT

Right!

I think it likely better to just give info on how a maker using MCL can style the Top Toolbar Tiddler (i.e. tagged: $:/tags/TopToolbar)—but leave them to design their own specific solutions??

Just a comment
TT

Right! Though your English here is v. good.

When you get out of beta, and maybe need documentation checking or writing, please message me privately if it would help. I will.

Buongiorno, TT

Nevertheless you deserve some very good Speck:smiley:

… for all your work!

TT

1 Like