TiddlyFlex - a new Flexbox Layout for TiddlyWiki

Plugins
, ,
#87

@BurningTreeC, for hackability or just for changing palettes, it would be great if the icon could use the
tc-image-button classes and styles of the other icons for example to be used as captions in tabs…

for $:/plugins/BTC/TiddlyFlex/icons/layout

<svg width="1rem" class=" tc-image-button" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="7" height="9" x="3" y="3" rx="1"/><rect width="7" height="5" x="14" y="3" rx="1"/><rect width="7" height="9" x="14" y="12" rx="1"/><rect width="7" height="5" x="3" y="16" rx="1"/></svg>
1 Like
#88

Hi @pmario, I have no clue why I’m using H3 and I don’t have any clue what I should be using instead :grinning:

#89

It is very interesting, thank you for pointing it out!

#90

I will do so @JanJo
What do you mean by “using as captions in tabs”?

#91

Hi @JanJo
I believe that switching from draggable mode to normal mode is necessary.
But maybe I can make it configurable … I’ll see

#92

Hi all,

at the moment the dynanode widget doesn’t work as intended but I’m close to getting where I want it to be.
Tonight I’ll add an update…

Thank you,
Simon

1 Like
#93

Two line-breaks in between the paragraphs so TW will create HTML P-tags.

#94

Hi @BurningTreeC I use icons instead of captions for the sidebartabs…with more than 6 tabs this is useful to avoid the linebreak.

I would really love to use a single column of tiddlyflex for a special sidebar (with classroomtools that would like to arrange there) but I did not succeed so far in isolating a single-column macro starting from $:/plugins/BTC/TiddlyFlex/ui/Layout , could you make such a thing possible in your plugin.

1 Like
#95

Hello all,

I have now released v0.0.151

It changes only how dynanode works

It now works applying the style contain: content to elements outside of the view
Elements with that style then are not refreshed during a refresh cycle except there are changes detected that would possibly cause such a “hidden” element to change, like if we’re editing a tiddler and another hidden tiddler transcludes that tiddler.

Performance improvements with dynanode enabled are big if there are many tiddlers open in the story rivers. The best way to feel it is opening many tiddlers for editing and dragging the sidebar resizer

I’m happy how dynanode works now and will focus on other details from now on

  • There’s still a configuration tiddler missing for the ControlPanel
  • Move-left and move-right buttons are missing
  • The ensemble saver needs to be configured for more options to save
  • Probably more (do you have any idea?)

Thank you,
Simon

3 Likes
#96

For some apps that is, I think, going to be very useful!

I did one quick test already and it is working good (50 visible, 200 not visible) with noticeable improvements.
I will test more because it is relevant to a very large project I am planning.

A dopo.
J

#97

Thank you for this groundlaying work… which is so important, that it could use its own dokumentation and thread I guess.

1 Like
#98

To add my voice here as a multi-column layout enthusiast (in the general sense, currently on Muuri due to an issue with MCL):
I would say a resounding yes to being able to switch, because I often copy & paste text into other pages/software. You can only copy comfortably in normal mode, and it’s the mode I spend most of my time in.

1 Like
#99

TiddlyFlex is very impressive - unfortunately it has the same issue for me in that it doesn’t support the text preview plugin (the appear plugin is a prerequisite shipped on the same page).

I realised I was too reliant on preview and thus changed to Muuri, which is not quite as slick as either MCL or TiddlyFlex.

It would be brilliant if you could explore support for this at some point, BTC. It gets quite addictive if you lower the preview delay to 150 – 300ms!

1 Like
#100

That text preview plugin is published on top of TW V 5.1.15 (the plugin 0.5.6 / 2016-01-22 that is 10 years ago) and the genius TobiBeer has not being as active as he? once was.

  • I am fairly sure others have provided similar solutions since.

Along with @EricShulman, @pmario (and notable others) especialy TobiBeer, they where all my “essential companions” when I transitioned from tiddlywiki classic V2.x to V5.x

  • Where is Tobi now?
1 Like
#101

Seems it modify the system tiddler? It have comfilct with my some other plugins, so I’m not using it anymore, and awaiting a better version of it.

#102

@BurningTreeC Feature request! Can you pin a tiddler as a column? So if pin a layout tiddler as a column, you will get layout of layouts

#103

Would you add the drag-drop button to the Page Toolbar, so that when the Top Toolbar is disabled, one can still use the drag-drop functionality? Same for the buttons to add and remove columns.

And on the note of toolbars, consider adding the Top Toolbar to the Toolbars, under Appearance in the ControlPanel, to make it easier for users to choose which buttons they want it to display.

#104

Dear @BurningTreeC, just to let you know that there seems to be an incompatibility between TiddlyFlex and the various Preview plugins built on top of Tobibeer’s one. I did try the modified version suggested in this thread and @Mohammad’s Quick View as well but both of them didn’t work. It may be that @BurningTreeC’s TiddlyFlex does something that prevents previews (CSS class tc-popup-keep) to be displayed, maybe in that tiddler: $:/plugins/BTC/TiddlyFlex/globals/layout/templates but I am not proficient enough to deal with this by myself.
I would be grateful if your could have a look at it.

#105

How to focus on a specific column via a widget. This feature is important. A common use case: left column for the main page, middle for blog, right for image display. Users can click a button to jump directly to the image display column without needing to scroll. Implementing this as a widget would be better—more convenient to use. Users could write their own buttons to trigger it.

Currently these columns are numbered, but perhaps they could be made into string options to make triggering easier.

#106

How to enable filter expression support for fields like story-list-1 in $:/Ensemble… tiddlers? I think this would be better than listing a bunch of tiddlers. Of course, supporting both methods would be ideal.