[ Muuri Storyview ] - A new Release

[Birthe]

The overlap is only seldom seen now. I saw it more in earlier versions. To me it looks like it is not totally finished reading and positioning everything. Refresh and it goes away - but now is rather slower - we can see it kind of slide into place - where the problem were seen last refresh. (Sorry it is difficult to describe).

I love the Kanban as it is now. It looks good, works well - and is understandable to people not into Tiddlywiki. (I know because I also took the “Do the laundry” idea from you - it has to be done" - guess what? It worked my friend did it - not even complaining.

You convinced me to finally sign up to github (what a lot of questions just for that)

[fastfreddy]

hello @BurningTreeC ,

I am curious to know if you’re still maintaining the Muuri StoryView plugin in light of the recent work on the [multi-column/multi-river layout plugin].([MCL] Let's do it - #17 by TiddlyTweeter)

For a few reasons, I think this plugin is better suited to my use case. I tried to install on latest and on pre-release and I wasn’t very successful. Is there a step after installing the plugin I need to do? (the layout seems to be correctly set to the Muuri layout

)

[fastfreddy]

Found the issue @BurningTreeC : most likely a minor packaging issue. You only need to create a $:/view tiddler, with the text muuri, after installing the plugin.

I still use Muuri as my go-to multi-column solution, greatly preferring it to the newer and more popular A multi-column Layout / Storyview.

At the same time, I have an enhancement to propose. I have created a View Toolbar button that configures the field muuri-tiddler-width. I find it quite nifty and it provides maximum flexibility.

Here are a few screen captures. The button toggles between (0) and rangeMax (maximum number of columns as per Muuri settings), where zero removes the field (in that case defaulting to the width defined by the main Muuri column counter).

Screen 1: When the muuri-tiddler-width field is not set, thus defaulting to the ratio defined by main column count:

Screen 2: When the field is set to :1, overriding the default width and forcing full width:

Screen 3: In this image, we have a three-column layout, with one tiddler forced to full width (bottom), one tiddler forced to half-width (right-hand) and one defaulting to one third (left-hand):

To be clear, none of this functionality is new; it was achievable by setting the field manually. The toggle button in the View Toolbar just makes it much easier/faster to do and as a result, extremely convenient if one needs not to change the overall column layout but only wants to view two tiddlers side-by-side, for example.

Happy to package as an add-on (seems to be my thing) if this enhancement was of use to anyone else, unless @BurningTreeC feels like it is useful enough to include in the plugin itself.

I could use some advice with CSS for sticky titles; seems to not be compatible with Muuri sadly. I noted some CSS rules in the plugin, designed to prevent sticky titles from working, and, well, I saw why when trying without these rules …

mandatory json (requires 5.2.1 because of the $let widget):muuri-addon.json (3.2 KB)

[arunnbabu81]

@fastfreddy This is a nice addition to the muuri plug in. I tried it out. I have one doubt. Can there be a modifier key like shift or control click on this button to cycle through the widths in the opposite way. Or can there be another button to cycle in the reverse direction. Currently one have to press 5 times to come back to full width if a tiddler is made half width. That would be even better.

[fastfreddy]

@arunnbabu81

Can there be a modifier key like shift or control click on this button to cycle through the widths in the opposite way

There already is. Is it not working for you? It is the same modifier key that you have configured for the Muuri plugin, and that you can use on the main column count button.

Examples:

1. If the tiddler width ratio is unset and at default, e.g :2 in a 2-column configuration (half-width), click will set to :3(third-width) whereas modifier+click will set to :1 (full-width).
2. If the tiddler width ratio is set to :1, modifier+click will reset to the default ratio (based on the Muuri column count), whereas click will set to :2 (half-width).
3. If the tiddler width ratio is set to the max number of columns (based on the Muuri config), click will reset to the default ratio (based on the Muuri column count), whereas modifer+click will set to :max-1.

[arunnbabu81]

@fastfreddy
Its working. Thank you for the explanation. I will have to use it more to understand the working fully I guess.
You always come up with very useful add-ons to popular plug ins like streams, editor autolist, context menu, now muuri. Great work @fastfreddy. Thanks once again.

[arunnbabu81]

@fastfreddy

I still use Muuri as my go-to multi-column solution, greatly preferring it to the newer and more popular A multi-column Layout / Storyview .

One benefit of using muuri over MCL is that you can use all existing plug ins with muuri. But in case of MCL, all plug ins may not be compatible with its multiple column and multiple story river concepts. Or else we have to modify the plug ins to be compatible with MCL which won’t be possible for users with non programming background.

@fastfreddy How do you use muuri ? Do you use it with Stroll and two stories plug in. @saqimtiaz had earlier shown a demo wiki where he use muuri within two stories. Have you tried it? I am interested in seeing a sample of your wiki using muuri if possible ? Can you upload it to tiddlyhost whenever you are free ?

[fastfreddy]

Glad you like it.

The set/reset can be confusing. In a way, setting the tiddler width ratio overrides the default tiddler width that is derived from the plugin’s number of columns.

The easiest thing to think of it is that the :0 would be the equivalent of reseting the override, returning to the default. You’ll never see :0, the icon will show the default width instead. You’ll see the icon changes appearance when it is unset (i.e. matches the default width for the number of columns) and when it is set to override that value.

[fastfreddy]

@arunnbabu81

How do you use muuri ? Do you use it with Stroll and two stories plug in.

I haven’t no. I switched from the two stories plug-in to Muuri. I had some compatibility issues between plugins when using Stroll and the two stories plug in.

[arunnbabu81]

Hope that @BurningTreeC keep muuri updated (since he is more into development of MCL these days)

[arunnbabu81]

@fastfreddy Do you know of any way to make default column number and muuri tiddler width to 1 in mobile mode.

[fastfreddy]

@arunnbabu81

Do you know of any way to make default column number and muuri tiddler width to 1 in mobile mode.

no sorry; not sure how the app is mobile aware. There may be ways for the TiddlyWiki to use the browser user agent in a filter and set variables based on that?

seems there is a tiddler which reflects mobile usage according to https://tiddlywiki.com/#InfoMechanism.

Does it work reliably for you?

Seems the doc is slightly out of date. The correct tiddler to look for is $:/info/browser/is/mobile. In simulated mode, this worked well (text field is yes when browsing from mobile, no when browsing from desktop)

So I think you could modify the plugin by adding a check for the content of this tiddler, and have it ignore the number of Muuri columns altogether when browsing from mobile… A fancier version would store two numbers, one for desktop and one for mobile.

[arunnbabu81]

Compatibility with krystal horizontal layout plug in

I think this approach to disable muuri layout in mobile might work. Not sure though.

@fastfreddy

So I think you could modify the plugin by adding a check for the content of this tiddler, and have it ignore the number of Muuri columns altogether when browsing from mobile… A fancier version would store two numbers, one for desktop and one for mobile.

Will take a look at it

[arunnbabu81]

@fastfreddy

Variant of close-other view toolbar button

There is a prototype, which only affects links within the tiddler body. This behaviour can probably be changed if the “cascade” is changed. … custom-story-message-catcher.json (2.2 KB) It contains 3 tiddlers. $:/custom/ViewTemplateBodyFilters/message-catcher … contains the filter, that is used by the tiddler body cascade $:/custom/ui/ViewTemplate/body/message-catcher … contains the actual code, $:/custom/ui/Buttons/message-catcher … contains the sidebar button, that is active by defaul…

This button made by @pmario is also a good add-on to the muuri story view

[arunnbabu81]

Here is a demo muuri wiki customised with some compatible plug ins.

[fastfreddy]

that looks very sharp @arunnbabu81 ! Well done!

[mlz7]

I asked a stupid question, I found a solution, I’m sorry,

[Ste_W]

Glad you found a solution but don’t be sorry for asking a question, whatever it was.

[fastfreddy]

I guess I never got around to adding it here, but this version of the json file includes one more tool: a reset button that shows up when some of your tiddlers override the overall column layout.

muuri-addon.json (4.0 KB)

[arunnbabu81]

@BurningTreeC @fastfreddy Full-screen tiddler button for muuri layout and storyview
Can you guys help me to solve this issue