Show Tiddler content in tabs

[passingby]

Hello all,

Is it possible to show a tiddler's content in separate tabs within the same tiddler like tiddler slices used to do in TWC?

[TonyM]

Passingby

The exact mechanisium is not available in tw5 but there are plenty of other ways to achieve the same results. Using the excise tool to create tab tiddlers is breaking up the tiddler but the tabs macro is designed to use separate tiddlers.

Using css and html sections could possibly do what you want. However an alternate tabs mechanisium may be the way to go.

I will look into this while we see if others have a suggestion.

I understand your desire for such a feature and confident it can be found in tw5.

Regards
Tony

[passingby]

Thanks Tony. I can use separate tiddlers if there is no tw specific way to do this. I am just trying to avoid creating too many tiddlers. My need was to put some text in one tab and some bulleted notes in the other tab for each topic I create a tiddler for.

[TonyM]

Passing

I am interested in similar methods and will try and share what I do.

I just had an eye operation and have being told to keep looking towards the floor for a week. Do there may be a delay unless I come up with a method.

If using separate tiddlers consider using the current tiddler to tag them. You can then rename the tiddler and the tags will be updated. You can also use '<<tag tagname>>' to reorder the tabs.

At least until I publish my tiddler serial number tool.

regards
Tony

[Mat]

Presenting a half-baked:

Tabber

It has a drawback that I hope can be solved: One - if not THE - point with the concept is to avoid having to fiddle with multiple tiddlers. But the current Tabber solution is a macro so to call the macro... you need another tiddler. The solution would be to create a pragma, e.g "\tabber", that makes the rest of the tiddler render using the macro.

...i.e how the heck is a pragma for this made? Help, anyone.

<:-)

[Mohammad]

Neat solution!

Why not use a viewtemplate?

minor suggestion why not use \n for line break?

-Mohammad

[Mohammad]

Mat,

Many TW newcomers request a small table of contents like Wikipedia! tabber can create

a small toc top right with a little modification in the current code!

--Mohammad

[passingby]

On Monday, April 6, 2020 at 10:49:10 PM UTC-7, TonyM wrote:

I just had an eye operation and have being told to keep looking towards the floor for a week. Do there may be a delay unless I come up with a method.

Oh! My best wishes for a speedy recovery! 

[passingby]

Hello Mat,

Thank you for the solution!

If it is possible to keep everything in one tiddler it would be great. I just wanted to avoid the extra tiddlers. But you solution is still great and usable straightaway. Thank you! 

[Mat]

Mohammad wrote:

Why not use a viewtemplate?

I'm not sure how to do that in a good way. Please feel free to mutilate or improve my thingy. 

 

minor suggestion why not use \n for line break?

Minor suggestion but superior to my silly looking line breaks. Updated. Thanks.

Many TW newcomers request a small table of contents like Wikipedia! tabber can create
a small toc top right with a little modification in the current code!

Isn't the wikipedia ToC typically a list of links rather than tabs? What would show in the tabs? Again, do feel free to tweak around if you're onto something.

<:-)

[Mat]

passingby wrote:

...But you solution is still great and usable straightaway.

Well, kinda usable straight away: It is designed to tabify for each identified "linebreak+headline" which means that if the very first thing in the tiddler is a headline (and no preceding linebreak) then that first instance will not be tabified properly. Of course, it is just a matter of inserting a linebreak before it. A neat thing with a pragma would be that it also automatically gives a linebreak after it.

<:-)

[Saq Imtiaz]

Another potential approach for someone who wants to tinker, is to use a reveal widget for each tab's contents, and tab buttons to switch between them.

This is similar to how the core tabs macro is implemented except it transcludes tiddlers, instead of triggering reveal widgets.

I have done this in the past but sadly do not have an example to hand at this time.

Using the core tabs macro is a good starting point, if you adapt that you get a fair bit for free (including tab buttons styling)

https://tiddlywiki.com/#%24%3A%2Fcore%2Fmacros%2Ftabs

[Mat]

Saq Imtiaz wrote:

Another potential approach for someone who wants to tinker, is to use a reveal widget for each tab's contents, and tab buttons to switch between them.

This is actually how I made http://tabber.tiddlyspot.com

<:-)

[Mohammad]

Hi Mat,

On Tuesday, April 7, 2020 at 10:18:26 PM UTC+4:30, Mat wrote:

Mohammad wrote:

Why not use a viewtemplate?

I'm not sure how to do that in a good way. Please feel free to mutilate or improve my thingy. 

I have modified the original tabber as below and it works out of the box!

1. The macro/tabber has got a new tag as $:/tags/ViewTemplate
2. The below stylesheet tiddler was added
1. text:    [data-tags*="tabber"] .tc-tiddler-body { display:none; }
2. tag: $:/tags/Stylesheet
3. The tiddler SomeText has new tag tabber

That 's all. Now each tiddler with tabber tag which has several headings is displayed in tabs instead of normal text!

I extracted the above three tiddlers and attached the modified ones for quick test in https://tiddlywiki.com/prerelease/

 

 

minor suggestion why not use \n for line break?

Minor suggestion but superior to my silly looking line breaks. Updated. Thanks.

Many TW newcomers request a small table of contents like Wikipedia! tabber can create
a small toc top right with a little modification in the current code!

Isn't the wikipedia ToC typically a list of links rather than tabs? What would show in the tabs? Again, do feel free to tweak around if you're onto something.

Yep, you are right, sadly the TOC items are not linkable here! 

<:-)

[Mat]

Mohammad wrote:

... Now each tiddler with tabber tag ...

OK, I'm personally not very fond of using tags for something like this because it leaves a visual artifact. Another route I didn't take was some field but it just feels like a poor compromise that the user should have to create a field (which, at that, consists of two parts). True, having to type some pragma rule isn't all that elegant either but at least it stays within the text field.

This does make me realize something though: It would be neat with a dedicated edittemplate field for all "settings" of the tiddler. I.e a field where "tabber" and other commands are added. IMO that would actually be more elegant than the current single line pragama rules that one is supposed to type out at top of text field. This would make sense. In my little world.

As you can tell, these are just opinions ;-)

<:-)

[Mohammad]

That is true Mat! This is one solution!

On Wednesday, April 8, 2020 at 11:28:12 PM UTC+4:30, Mat wrote:

Mohammad wrote:

... Now each tiddler with tabber tag ...

OK, I'm personally not very fond of using tags for something like this because it leaves a visual artifact. Another route I didn't take was some field but it just feels like a poor compromise that the user should have to create a field (which, at that, consists of two parts). True, having to type some pragma rule isn't all that elegant either but at least it stays within the text field.

Yep, field has not that visual artifact! 

This does make me realize something though: It would be neat with a dedicated edittemplate field for all "settings" of the tiddler. I.e a field where "tabber" and other commands are added. IMO that would actually be more elegant than the current single line pragama rules that one is supposed to type out at top of text field. This would make sense. In my little world.

As you can tell, these are just opinions ;-)

Cheers

Mohammad 

<:-)

[TonyM]

Mat

I think you could emulate what you propose in the view template and import variables of the pragma.

I have had similar thoughts repeatedly.

Regards
Tony

[TonyM]

Mat

Your tabbed has a lot of potential. What if you had a field day called tab-delimiter and the view template executed the macro so you would not need the second tiddler?

I have being considering something similar but using html tags eg; sections each with their own id. Each tab would only display the named I'd. Perhaps driven by a tablist field containing the html classes or id's to display in each tab.

However to me the use of a separate tiddler for each tab is better as long as they are rename tollerent which is possible with a tiddler serial number.

Regards
Tony