A multi-column Layout / Storyview

Hi @arunnbabu81 ,

With version 0.71.0 of the plugin there’s a keyboard shortcut (Alt-T) to scroll to the active tiddler

For the problem with your sidetabs try the following:

Your .rightside div is “absolutely” positioned. Change that to relative
Add float: right; to your .rightside div
Add the following to your stylesheet:

.rightside::after {
  content: " ";
  display: table;
  clear: both;
}

This could make it work

Best wishes,
Simon

2 Likes

TEST #12 - Performance With 150 Tiddlers Showing

Ten columns of 15 Tiddlers.
Tested on Firefox Windows latest with MCL beta v68.0
Result: Good Performance

Visible in Viewport …

All in Page (including off-screen) …

TT

Comment On Alt + F MCL Search

The search process surprised and interested me!

MCL implements dynamic “live reductive search”.

Meaning that Tiddlers are hidden that have no match with the search term.

That is very useful.

And the filtered down presentation persists until explicitly dismissed by clicking the “X” on the Alt + F search.

Here is an example with a search applied …

TT

Comment On CSS In MCL: Lean & Mean :smiley:

Having used it a bit now I have to say the CSS in @BurningTreeC’s MCL is nicely logical, easy to use and effective.

When he gets out of beta I think it would be a good idea to help him …

  • document the main MCL CSS classes and what they do???

A lot of the power of MCL (it’s vast flexibilities) inheres in understanding it’s CSS???

Thought, TT

Thanks @BurningTreeC
It works perfectly. Now I can use multicolumn without any compromises.

Wow, @TiddlyTweeter … you’re really putting it through its paces
Great that performance-wise it works well :slightly_smiling_face:

Yes, I really wanted that functionality since I have many tiddlers with documentation open (in my work-wiki) and I’m often in the situation where I need a specific documentation fast

I’m now trying to put together something like a documentation
Have a look at the demo page (here) and open the Ensemble “Documentation” … there you’ll find important css classes and you can show the elements on the page

Best wishes,
Simon

1 Like

You’re welcome @arunnbabu81 , glad that it works well for you!

Best wishes,
Simon

Very good demo! Shows which classes to use, where! It is great it is visual! Very clear!

FYI, in practice, so far, I only actually really used these …

Best, TT

1 Like

Ciao @BurningTreeC

My guess is long-term there could be a whole secondary level of developments to leverage MCL (Not necessarily by you! Don’t panic :smiley:! )

But I did want to comment on a couple of things I’m working on …

  • Adding a button to dynamically toggle the value of $:/config/story-river/horizontal/columns from 1 to 4.
    Why? I found in practice, especially on making new wiki, activating “horizontal” in different ways increases utility.

  • Adding ability to HIDE a column.
    In my use case I’m getting into the habit of using one column for the macro and css editing I need to do. But an end user never needs to see these so I’m working on hiding that column on startup.

Those are a couple of examples which I think pretty easy to achieve because the design of MCL lends itself to it :smiley: !

Comments, TT

Yes, I hope that, with enough documentation, users will be able to create additional functionality on their own :slightly_smiling_face: … so that I don’t have to panic :smiley:

Best wishes,
Simon

1 Like

@BurningTreeC One thing I noticed today

When a tiddler is in fullscreen mode, if we try to open another tiddler from the sidebar search or using the command palette, the newly opened tiddler can be seen only if I come out of the fullscreen mode.

Thanks for reporting @arunnbabu81 ,

This should be fixed in the newest version 0.74.0

Best wishes,
Simon

1 Like

Footnote to my previous …

One thing I’d be interested in is illustration of how to style items tagged $:/tags/TopToolbar and $:/tags/BottomToolbar.

Are these the default classes for those?
I see in code classes like this …

Yes? :smiley:

Buongiorno, TT

Buongiorno @TiddlyTweeter ,

yes these classes are correct!

Saluti,
Simon

1 Like

Some fun @BurningTreeC!

Like a logo for you :smiley:

Burning tree SVG … link-1 & link-2

Just a riff, TT

#TEST 14 - Wikis That Use …$:/tags/TopToolbar

We haven’t looked much yet at what MCL can do with headers & footers.

I think it is really good—providing a way to give an overall header easily.

For example …

Best, TT

1 Like

Kapow! Thank you for the example @TiddlyTweeter!

I believe your documentation of the capabilities of MCL are going to be very useful for the end-user documentation :slightly_smiling_face:

2 Likes

Okay! Dimmi solo di cosa hai bisogno. Penso che questo strumento sia fantastico.

TT

Ciao @TiddlyTweeter ,

as I’ve seen on Screenshots you’ve posted before, you’re already documenting some classes and so on. These tiddlers would be very helpful and I’d integrate them in the Documentation-Ensemble

Would you mind posting those tiddlers here?

Best wishes,
Simon

I’ll be happy to! Give me a couple of days to make sure I got them right.

TT