Replies: 2 comments 9 replies
-
@linonetwo that is interesting. I do something slightly similar with a custom widget that creates columns and rows that are resizable (though without drag and drop re-arrangement) loosely inspired by this but with the facility to dynamically add and remove panels. I would encourage you to think of the content of any tab being any tiddler and not just layouts. If need be, use a custom tag for such tiddlers distinct from $:/tags/Layout. Layouts are after all just tiddlers that are designed to be rendered by the root widget. However, in some situations layouts might not be appropriate content for tabs but other tiddlers might be. For example, you would not want to use two different layouts at the same time if both contain the same default sidebar. Similarly there might be tiddlers that appropriate to be used in the tabs but are not as useful used as templates for the root widget. Distinction between what goes into a tab and Layouts would there be useful. |
Beta Was this translation helpful? Give feedback.
-
Not very successful, Demo: https://tiddly-gittly.github.io/lol/ Switch to this layout: Problems encountered:
|
Beta Was this translation helpful? Give feedback.
-
It a plugin, WIP. I will post my design here for discussion, because I want my design work for all upcoming layouts.
"title": "$:/plugins/linonetwo/lol",
"author": "LinOnetwo",
"description": "Tabs of Note, Whiteboard, Calendar..., split tabs in grid, launch pad for layouts, all in LOL: Layout-Of-Layout / Lay-Out-Launcher ",
!! Tabbed Grid
We use [[gridstack.ts|https://github.com/gridstack/gridstack.js]] as entry point of this plugin. We create a widget with this npm package.
This widget ([[$:/plugins/linonetwo/lol/widgets/tabbed-grid/index.js]]) will create a container div, and all sub-widget will become children of this div, so become a grid.
Each grid should have multiple tabs, and when a tab is selected, the content will load a layout using the technique similar to
$:/core/ui/RootTemplate
:$:/layouts/state
is a tiddler for multi-tab UI state's persistence:Use a list widget to generate tab-group, inside our
<$tabbed-grid>
widget.TBD
Beta Was this translation helpful? Give feedback.
All reactions