New Tool : MetaTabs

460 views
Skip to first unread message

Jan

unread,
Aug 10, 2016, 7:13:49 AM8/10/16
to TiddlyWiki

Hello,
I published a new tool for managing metainformation, references and notes on tiddlers. 
MetaTabs can be tested and downloaded on http://slidesnstories.tiddlyspot.com/.
It is
inspired by MagicTabs and Tiddlyscholar by Alberto Molina Pérez, which is a very elaborated tool for researchers which shows a row of useful Metalinks at the bottom of each Tiddler.
I wanted to change the behaviour to make it show buttons only if the links exist. 
The result is a lightweigt-alternative which just consists of

  • a view-template,
  • a button to activate it  ,
  • some templates to add different types of information. (Idea, Note, Task, Index-item, reference)

These Templates create either fields in the Tiddler (for references, footnotes...) or Tiddlers which are bound to the Tiddler they are made at by a field "source" and tagged note, idea or task. 
Also stories and slideshows made with the slidesnstories plugin are shown, for example all Tiddlers used for this plugin are stored in a field "story" and can be shown by pressing the story/slideshow button  in the Metatabs.
Because it consists of only a few Tiddlers, it is a bit easier to adapt Metatabs to personal needs than the inspiring example. 
(At the moment, some of the captions of the templates are in German. I'll do a TranslationTiddler soon.)


I'd be happy to get some feedback and...perhaps later on some help/ideas for a footnote function which should also be integrated.


Cheers, Jan

I

Birthe C

unread,
Aug 10, 2016, 9:30:40 AM8/10/16
to TiddlyWiki
Hi Jan,

Waw a great page you have!

MetaTabs works fine and I sure look forward to:


(At the moment, some of the captions of the templates are in German. I'll do a TranslationTiddler soon.)
 
I would like the $:/MetaTabs/Button to also have a tooltip for not in use and further prefer a transparent image or better svg image to be used for the button.
I do realize that you are using the $:/palettes/ContrastDark, but not everyone does and I think your MetaTabs will be very popular.
It would be nice if the tiddlers were created silently.

Nice work, Jan.


Mvh. Birthe

Jan

unread,
Aug 10, 2016, 6:10:01 PM8/10/16
to tiddl...@googlegroups.com
Hi Birthe,
your comment makes me especially proud, because your "showroom"-site was the inspiration for the slideshowremote. It is still work in progress, but it already is in the pagecontrols even using your image as button. If you press it, you will find the remote with a button to switch between light and dark palette (For presentations I like dark better).
The concept.png is a provisorium. I did not manage to convert it into a small and working  .svg yet. I tried with inkscape but the result was neighter small nor beautifull. I'll have to redo it from scratch.
I did not find a lean way to switch between silent and visible creation.

So many thanks for the encouraging Feedback,
Jan
--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/035e2351-0ebc-4a2f-a1cb-a7d39db9d66f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Birthe C

unread,
Aug 12, 2016, 7:56:42 AM8/12/16
to TiddlyWiki
Hi Jan,

You write correctly that tasks need $:/plugins/kixam/datepicker but $:/plugins/kixam/moment is needed too or we will see the red screen. Having imported them I do see the correct MetaTab and I am able to write and save a task. To view them as you do, I also need your macro: Macros/Aufgaben und Termine.
Maybe add a little more information to your About Metatabs and the macro to the json file.

I am having such fun,
Birthe

Jan

unread,
Aug 12, 2016, 8:18:43 PM8/12/16
to tiddl...@googlegroups.com
Hej Birthe,
Thanks for the hints, I hope reference to fun was not ironic.
I did not recall that "moment" and my "Macros/Aufgaben und Termine" were necessary.
I did some of the homework and started the translation-Tiddler for the button (which is an .svg now) and for newIdeaTemplate...
And I added an explanation How to adapt Metatabs to your personal needs which explains the way the plugin works.

Cheers Jan
--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.

Birthe C

unread,
Aug 14, 2016, 4:26:00 AM8/14/16
to TiddlyWiki
Hi Jan,

No irony, I garantee.
Great work you have done. I must admit not having tested your translation tiddler as I had translated directly in my copied tiddlers already.
I am not using your slides but wonder how it works with the appear plugin installed? https://groups.google.com/d/msg/tiddlywiki/RpevUO7RGCg/frTOfxh2IwAJ

Birthe

Danielo Rodríguez

unread,
Aug 14, 2016, 5:21:01 AM8/14/16
to TiddlyWiki
Great work.

I really loved the plugin that Alberto did, unfortunately it is abandoned and too complex to customize.

Have you noticed how weird your demo site looks on mobile? it's a pity because mobile is about 50% of Internet traffic nowadays

Josiah

unread,
Aug 14, 2016, 8:31:24 AM8/14/16
to TiddlyWiki
Ciao Danielo

I sometimes wonder about that issue with tiny screens. Part of the issue in TW is HOW to implement "responsive design" well. At the moment, as far as I can see, folk who test across different screen sizes are going for a "universal common denominator" in their CSS. But full responsive design goes further: it detects the platform and serves appropriate variants of the CSS. As far as I can see TW can't easily do that.

Best wishes
Josiah

Jan

unread,
Aug 14, 2016, 4:50:23 PM8/14/16
to tiddl...@googlegroups.com
Hi Danielo!
I also liked Alberto's Plugin, but I wanted to have something smaller
that I can understand and modify.
Why does it look weird on your mobile? With my phone it's a perfect line
even when all buttons appear.
Yours Jan.

Jan

unread,
Aug 14, 2016, 5:17:32 PM8/14/16
to tiddl...@googlegroups.com
Hi Birthe.
> I must admit not having tested your translation tiddler as I had
> translated directly in my copied tiddlers already.
That's even sleeker. If you put your (danish?) tiddlers into a .json
file i would make a link to your translation. (BTW this can easily be
done with my export-tool ;-)
> I am not using your slides but wonder how it works with the appear
> plugin installed?
> https://groups.google.com/d/msg/tiddlywiki/RpevUO7RGCg/frTOfxh2IwAJ
The presentation-symbol appears if a tiddler has a field called story or
presentation which form the bases of a presentation.
My Presentation-module is under construction yet. I still lack a clean
and failsafe presentation-theme.

...Ah now I see what you really meant. I encountered this bug today in
the mobileFF version. I did not know this was due to <appear> or
specific to my plugin.
In the desktopscreenwidth the
ControlPanel>appearance>themetweaks>storyright resp. sidebarbreakpoint
prevents this.

Yours Jan


Jan

unread,
Aug 14, 2016, 5:42:29 PM8/14/16
to tiddl...@googlegroups.com
Hi again,
...Ah now I see what you really meant. The sidebar is behind the
Tiddlers...Pretty annoying.
As Birthe wrote, this seems to be an issue of the <appear plugin> I
used. https://groups.google.com/d/msg/tiddlywiki/RpevUO7RGCg/frTOfxh2IwAJ

Anyhow mobile view of the sidebar being alway on top of the storyriver
is far from perfect at the moment...
It would be nice to have Something that can be swiped like this.
http://mmenu.frebsite.nl/.
Also a drill-down function to replace the tabs in the mobil view would
be cool.
I think we should start a new thread on that...

Jan




Am 14.08.2016 um 11:21 schrieb Danielo Rodríguez:

Birthe C

unread,
Aug 14, 2016, 7:12:13 PM8/14/16
to TiddlyWiki
Hi Jan,

It is only partly translated due to some tests I am doing. The problems with sidebar toggling and appear plugin is of course due to states. My sidebar is toggling now. I overwrote $:/core/ui/TopBar/menu fieldmangling stylesheets.

It is a total mess and mixed english/danish, but you are welcome to see and test my changes here: http://fanegal.tiddlyspot.com


Birthe

Jan

unread,
Aug 15, 2016, 6:27:43 AM8/15/16
to tiddlyWiki
Hey Birthe,
Thanks a lot for your Danish version @ http://fanegal.tiddlyspot.com. It
is worth a new Headline!
It has great enhancements especially the solution for the MobileviewProblem
is great! I will integrate that as soon as possible...and I directly
copied your favicon-idea.
Of course i linked it in http://slidesnstories.tiddlyspot.com/

I see you are also working on that footnote-problem. [[Tiddlere med
referencer]]
As you certainly have guessed I would like to integrate something like
skeeves Footnotefilter into the Reference-Tab.

<$list filter="[is[current]match:text/\{\{(.*?)\|\|footnote\}\}/(g)]"
variable="footnote">
<dd><<footnote>></dd>
</$list>

Even after importing match.js I could not get to this to work on your TW
either. But it had an interesting effect.
https://www.dropbox.com/s/cejvmx3giaaa1zq/Fanegal.html?dl=0
Before importing Match.js the titles (not the desired notes) where shown
here, afterwards they disappear...

Skeeve must have some secret magic here:
http://tiddlystuff.tiddlyspot.com/#Idea%20for%20a%20footnote%20filter
If i look at the Filteroutput, ther must be a hidden

<<footnote>>

function, but I do not manage to find it...

Yours Jan


Birthe C

unread,
Aug 15, 2016, 7:45:39 AM8/15/16
to TiddlyWiki
Hi Jan,

Happy you liked my Danish version.
I do absolutely see your point, I also like Stephans solution. In fact I have tested, tested and tested even more. Tried to read more about filters but had to give up on that one, when I turned totally blueish.

I don't think we should import the old filter though. Many changes have been done in TW since then.

What wee need is a guru, please!

Birthe

Jan

unread,
Aug 15, 2016, 7:44:56 PM8/15/16
to tiddl...@googlegroups.com
Hej Birthe
No Idea for the footnoteproblem, but I made a version wihich replaces the appear plugin with an macro (derived form skeeves global slider macro). It just needs one xtra tiddler.
Check out the difference between the Tabs Idea(new) and Note(old) and tell me what you think is better.
Jan
--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.

Birthe C

unread,
Aug 15, 2016, 8:34:28 PM8/15/16
to TiddlyWiki
Hi Jan,

You have done a really good job with the slider macro. It works very well and looks good. Your solution using appear looks a little more modern and fresh, but we know now that appear interferes with sidebar toggling and possibly other plugins you will want to use in the future.
Your wiki is rather complex so you should choose what fits best in the greater scheme of things.

Birthe


Birthe C

unread,
Aug 18, 2016, 1:47:38 AM8/18/16
to TiddlyWiki
Hi Jan,

You can find my translation tiddler here:


Birthe

Birthe C

unread,
Aug 19, 2016, 4:12:19 AM8/19/16
to TiddlyWiki
Hi Jan,

$:/MetaTabs/Language  wil be overwritten when we use the translation tiddler. I would think it was good to save it as $:/MetaTabs/Language/English also to be able to revert.

Now if somebody also import your explanation tiddler About Metatabs, they will find that the filter you use for the translations:

<$list filter="[search:title[$:/MetaTabs/Language]]-[[$:/MetaTabs/Language]]"><br>{{!!title}} created by {{!!modifier}}</$list>

will also list $:/temp/stater/MetaTabs/Language, when you are using the translation. I changed it to.

<$list filter="[prefix[$:/MetaTabs/Language]]-[[$:/MetaTabs/Language]]"><br>{{!!title}} created by {{!!modifier}}</$list>


Birthe
Reply all
Reply to author
Forward
0 new messages