A multi-column Layout / Storyview

I think these are different concepts, so this could be confusing: Krystal is a single horizontal storyriver, multicolumn presents multiple vertical storyrivers .

1 Like

I don’t intend to use those two at the same time. I just want both to run normally when I switch from horizontal storyview/layout to multicolmn storyview/layout and vice versa.

I had tried to use it. It almost work except for few small bugs

1 Like

Hi @arunnbabu81 , I think making Krystal work as a Theme/Storyview, that can be turned off is the bigger challenge. It is more than a skin, it goes to the bone of TW ;-).

If you have a tamed Version that modestly steps aside if you want it to I would be gratefull if you could share it. Because in principle the Krystal-Layout is great.

1 Like

https://krystal-multicolumn.tiddlyhost.com

Check this link. I don’t know how it’s working ok. I am using Krystal with whitespace theme of JD (I removed the story-river related CSS from the whitespace stylesheet tiddler). You have to change both story view and layout to switch between multicolumn and Krystal.

I tried the latest multicolumn version - but that was showing javascript error message.

Hi @arunnbabu81

I believe that the Krystal plugin applies too many styles, even if its view isn’t loaded
A first thing to try is to wrap all Krystal Stylesheet tiddlers into a

<$list filter="[{$:/layout}!match[$:/plugins/BTC/tiddlywiki-multi-columns/ui/Layout]]">

// All styles come here

</$list>

Do this in a separate testing wiki, I don’t want that you might break things unwillingly

Then I believe that the Krystal plugin applies some Javascript that’s made for the Krystal view only. I don’t know if that causes Javascript errors, but if an error appears you can send me a screenshot of the console output (F12)

@BurningTreeC will check it out

One feature I wish to see in multi column is shift+click a link to open that tiddler in the next closest column. A similar feature is there in stories plug in by Saq.

Also a viewtollbar button to divert tiddlers to previous or next column would be useful for mobile use where drag and drop is little tricky.

That’s a good idea @arunnbabu81 , I will see what I can do. The tricky thing is that I want to use wikitext as far as possible

Yes, I can do that

I tried to use the keyboard shortcuts from this implementation of yours into multicolumn layout. It works, but I noticed some issues.

Here is the link for the test wiki.

Navigation up and down the story river works - but its limited to the first column only. Even if I navigate to the second or third columns using Alt+right/left keyboard shortcut, navigation up and down the story river happens only in the first column.

I could see that you have already added shift+click navigation for links. It seems to work in the demo.

Yes, shift+click worked, but not the normal click

Both are working in this test wiki in Mac OS
Am I missing something?

It just didn’t work correctly. I now made an adjustment in a core tiddlywiki tiddler so that it works

1 Like

Here’s an example what would have to be changed:

$:/core/ui/KeyboardShortcuts/navigate-down:

<$let currentColumn={{$:/columns!!active-column}} storyList={{{ [[$:/StoryList-]addsuffix<currentColumn>!match[$:/StoryList-]!match[$:/StoryList-1]] ~[[$:/StoryList]] }}} historyList={{{ [[$:/HistoryList-]addsuffix<currentColumn>!match[$:/HistoryList-]!match[$:/HistoryList-1]] ~[[$:/HistoryList]] }}}>
<$navigator story=<<storyList>> history=<<historyList>>>
<$set name="focusedTiddler" value={{{ [<historyList>get[current-tiddler]] }}}>
<$set name="nextTiddler" value={{{ [list<tv-story-list>after<focusedTiddler>] ~[list<tv-story-list>nth[1]] }}}>
<$action-navigate $to=<<nextTiddler>>/>
</$set>
</$set>
</$navigator>
</$let>

Ciao Simon BTC

I think it a great tool with huge flex and potentials!


ISSUES ARISING, #1

I’m neither sure this is answerable nor whether it is a “request” or just a query where I need more info…

To give the background I been looking at your multi-column layout as a quick, efficient, web-page design tool. One issue came up in testing leading to the question …

1 – Would it be possible to have ONE Tiddler above all columns spanning them? Such a lead-in on a multi-column web page could be real good, I think.

2 – Similarly, would it be possible to have ONE Tiddler below all columns spanning them? Such a footer on a multi-column web page could be real good for stuff like copyright and other footer stuff, I think.

Anyway just queries. Here is a (purely image based) mock-up of the idea for a header…

I hope this is clear!

Saluti, TT

1 Like

I tried the code below and I changed the navigate up/down, navigate to first/last, shift current active tiddler up/down.

It can be seen in the demo wiki.

Navigate down works in all columns (code was given by you).

Navigate up, navigate to first/last works only in first column(code was modified by myself and hence the error)

Move current active tiddler up/down doesn’t work in any columns.

Can you take a look when you are free.

Hi @TiddlyTweeter ,

for the top and bottom bar: you can add one by tagging a tiddler with $:/tags/TopToolbarand $:/tags/BottomToolbar

… just wait a few minutes, then it’s online ^^

… well … I’m not there yet

Saluti,
Simon

1 Like

In @arunnbabu81 's demowiki

I encountered a problem with links in the multicolumn wiki.
If you click the link to “Ceci n’est pas une pipe.” in the “New Tiddler” third column it opens a new instance of that TIddler whereas it is already open in the second column - Can this be cured?

1 Like

Hi @JanJo

I could definitely make that behavior configurable
I’ll put it on my list and see when I can implement it

Best wishes,
Simon

1 Like

@JanJo,

if I understand you correctly, you want that tiddlers aren’t opened twice (or more times) in the current layout?

1 Like

But I believe it’s a feature being able to open tiddlers twice or more times

2 Likes