A multi-column Layout / Storyview

[BurningTreeC]

Hi @TiddlyTweeter ,

@TiddlyTweeter

Having ability to see on left a sidebar dedicated to what an end-user would get seriously helps simplify wiki development for me.

Does that mean that you’d like the option to completely hide the right sidebar?

Thanks,
Simon

[TiddlyTweeter]

TEST #3 – Towards a web design matrix …

I been looking at things you can do with BTC’s MultiColumn Layout — a non-linear personal web notebook to easily enforce a design matrix.

I thought this proof-of-concept, though early, kinda gives a clue to what I’m getting at …

It uses the standard TW Tiddler class field to narrow Tiddlers 4 & 6. It is easy.

Just a side note, TT

[TiddlyTweeter]

@BurningTreeC

Does that mean that you’d like the option to completely hide the right sidebar?

Ciao Simon,

Wow! Thanks for the interest!

To be able to easily hide the right sidebar would be ace!

Footnote: FYI, for my use case I’d also benefit knowing which config field the setting goes in. Why? Because my plan is to use auto-detection on startup to activate hiding. I.e. The wiki is on the web, not local, and StartupActions apply the change.

Result: off-line the author has all making tools, on-line the end-user sees only what is relevant to their purposes.

Buongiorno, TT

[BurningTreeC]

Buongiorno @TiddlyTweeter ,

@TiddlyTweeter

To be able to easily hide the right sidebar would be ace!

Yes we can do that

@TiddlyTweeter

Footnote: FYI, for my use case I’d also benefit knowing which config field the setting goes in. Why? Because my plan is to use auto-detection on startup to activate hiding. I.e. The wiki is on the web, not local, and StartupActions apply the change. Result offline the author has all making tools. On-line the end-user sees only what is relevant to their purposes.

Very nice idea. I’ll add links to the configuration options in the ControlPanel which point to the corresponding config tiddler

[BurningTreeC]

Hi @TiddlyTweeter ,

now the configuration panel contains links to the various config tiddlers
the system-panel can also be disabled (button disappears and shortcut doesn’t work anymore)

[TiddlyTweeter]

@BurningTreeC

now the configuration panel contains links to the various config tiddlers
the system-panel can also be disabled (button disappears and shortcut doesn’t work anymore)

Grazie mille! I feel special. You responded so positively to more than a few comments from me. I am very appreciative of all that work.

Regarding the change … for folk working between off-line making and on-line publishing these changes make it a bunch easier!

I feel a thanks song coming on …

WAY DOWN SOUTH -- Josh Turner

Auguri caro, TT

[TiddlyTweeter]

TEST #4 – Going Out Of Viewport Right …

Result: Works WELL.

Viewport image …

The loaded available to the right, not visible till scrolled into view, another 12 …

Just a pointer this tool is great for right if you need it.

(@JanJo, will it do your need?)

RIGHT?

Just a test, TT

[JanJo]

@TiddlyTweeter

Will it do your need?

It is beautiful, but I need a more simple thing: The storyriver in horizontal. Storing and organizing so many storylists would be an overkill for a slideshow.
But I will certainly use the multicolumn-view for organizing stories.

[JanJo]

On behalf of this I can also contribute a little goodie:
I made a layout-button which allows switching layouts like the Theme-Button…and which is astonishingly still missing. It also works for multicollumn … though it is not displayed in the sidebar-menu yet.
LayoutButton.json (1.6 KB)

developped for my version of the horizontal Krystal-plugin which other than the original allows to switch between vertical default TW-Layout and horizontal view

Switching theme layout &storyview with one click?

Here is a better version of my mod of the Krystal horizontal layout-plugin which now can be used as a start-layout without causing a js-error. KrystalPlugin.json (37.1 KB) and a pagemenu button to turn it on. LayoutButton.json (1.6 KB)

[TiddlyTweeter]

I note you noticed some residual minor browser issues …

It is good to know that.
These few issues are not yours.
Merely “browser catch-up” problems.

Side comment, TT

[BurningTreeC]

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

But new observations will go into this tiddler if there are

[Ste_W]

@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?

[BurningTreeC]

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

[TiddlyTweeter]

@BurningTreeC

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.

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

[TiddlyTweeter]

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

[BurningTreeC]

Hi @TiddlyTweeter ,

@TiddlyTweeter

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).

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

[TiddlyTweeter]

Re: Styling Within Columns…

@BurningTreeC

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

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

[TiddlyTweeter]

TEST #5 – Column Styling

@BurningTreeC

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

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

[TiddlyTweeter]

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

[arunnbabu81]

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.