ToggleTiddlersBar

19 views
Skip to first unread message

Craig in Calgary

unread,
Nov 30, 2009, 12:09:52 PM11/30/09
to TiddlyWiki
In every instance of ToggleTiddlersBar I have seen, e.g.
http://notestormproject.tiddlyspot.com/, http://twt-treeview-executive.tiddlyspot.com,
the implementation of ToggleTiddlersBar is always the opening of a
tiddler, the selecting of a checkbox, and then the selecting of the
close button to apply the change - three (3) clicks. Is is not
possible/practical for that toggle to behave the same as
ToggleLeftSidebar and ToggleRightSidebar, i.e. a boolean switch - one
(1) click? What would be the harm?

If it is possible, practical, and harmless, would someone please tell
me how?

Thank you.


Message has been deleted
Message has been deleted

PMario

unread,
Dec 3, 2009, 10:09:24 AM12/3/09
to TiddlyWiki
Hi,

Until yesterday I used a "dirty" hack like:

inserted the following line in tiddler: OptionsPanel
<<option chkDisableTabsBar>> [[deactivate TBar|TiddlersBarInfo]]

Need a tiddler named: TiddlersBarInfo containing:
<script>var t=setTimeout("story.closeTiddler('TiddlersBarInfo')",
2000);</script>

If you check the option and click the WikiLink the tiddler opens and
after 2 seconds closes automatically. The disadvantage is, the shorter
the time the faster you have to bee with double click, if you want to
edit the tiddler :)

Yesterday I took Erics great work ToggleRightSidebar and changed it.
See [1]. It is a transclusion, so it can be also used as a link in the
browser.

> If it is possible, practical, and harmless, would someone please tell
> me how?

I hope the macro is harmless. If not tell me. Should also work with
IE.

I versioned it with "0.9.0 beta" because for refreshing tiddlers bar I
needed:
story.displayTiddler(null,'');
story.closeTiddler('');
because I don't fully understand the refresh machanism in TW. But for
me it does the work.

Some dev hints would be very welcome!

regards Mario

[1] http://a-pm.tiddlyspot.com/#ToggleTiddlersBar
[2] http://a-pm.tiddlyspot.com/#[[ToggleTiddlersBar%20Test]]

On Nov 30, 6:09 pm, Craig in Calgary <craig.prich...@gmail.com> wrote:
> In every instance of ToggleTiddlersBar I have seen, e.g.http://notestormproject.tiddlyspot.com/,http://twt-treeview-executive.tiddlyspot.com,

Måns

unread,
Dec 3, 2009, 10:24:46 AM12/3/09
to TiddlyWiki
GREAT Mario :-)

Thanks for sharing...
I've put it my notestormprojectdocument - in the topmenu.
http://notestormproject.tiddlyspot.com/
It works very well.
Good job!!

Regards Måns Mårtensson
> > In every instance of ToggleTiddlersBar I have seen, e.g.http://notestormproject.tiddlyspot.com/,http://twt-treeview-executive...,

Craig in Calgary

unread,
Dec 4, 2009, 1:21:40 AM12/4/09
to TiddlyWiki
Mario,

Thank you very much. Good job. I'll be incorporating it shortly.

I like how Måns has Tabs on/off working in http://notestormproject.tiddlyspot.com/.

My next question is, "If the point of ToggleTiddlersBar is to
facilitate printing the story, then wouldn't it be logical for someone
to combine this behavior with http://www.TiddlyTools.com/#SnapshotPlugin
and/or http://devpad.tiddlyspot.com/#PrintMacro and/or
http://jackparke.googlepages.com/jtw.html#PublishMacro to facilitate a
single-step PrintStoryPlugin, PrintStoryMacro, or PrintStory
transclusion?"

Now that I sit and think about this for a moment, I have a different
approach to consider. For the purposes of printing the story (all open
tiddlers), not just a single tiddler (that's why we have
http://www.TiddlyTools.com/#SnapshotPlugin), I still like a single
click. But instead of a toggle that alternates the display and
requires an additional step, how about opening a new window/tab and
rendering the story with a PrintTemplate, PrintStyleSheet? We've got
View... and Edit..., why not Print...? The CSS could be light enough
for simple black-on-white hardcopy or rich enough to support all
wikifications, including syntax highlighting for code content.
Multiple CSS configurations could address print quality (e.g. draft,
quality), paper size, etc. Since the output is sent to another window/
tab, there is no need for me to show/hide the tabs.

One more little brainstorm before going to bed. Marry the Print...
paradigm with http://www.math.ist.utl.pt/~psoares/addons.html#SlideShowPlugin
and/or http://lewcid.googlepages.com/presentation_empty_full.html#Documentation
and some creative use of http://tw.lewcid.org/#AnnotationsPlugin and/
or http://tw.lewcid.org/#TiddlerNotesPlugin and/or http://tw.lewcid.org/#FootnotesPlugin
and/or http://devpad.tiddlyspot.com/#SimpleCommentsPlugin and
http://devpad.tiddlyspot.com/#CommentsFormatter and some CSS magic and
you've got a fairly robust alternative to MS PowerPoint - complete
with included/excluded speaker notes, included/excluded images or
image placeholders, landscape/portrait orientation, multiple paper
sizes, etc.

I'm good with the questions, not so much, yet, with the answers.

Thanks for playing along.

Craig

Morris Gray

unread,
Dec 4, 2009, 2:18:58 AM12/4/09
to TiddlyWiki
That's great Mario. Unfortunately it breaks the menu in TWT Treeview
for me. Something must have either slipped in, or slipped out when you
converted it from ToggleRightSidebar. Could you check that out?

Morris
> > In every instance of ToggleTiddlersBar I have seen, e.g.http://notestormproject.tiddlyspot.com/,http://twt-treeview-executive...,

Måns

unread,
Dec 4, 2009, 3:11:00 AM12/4/09
to TiddlyWiki
Hi Morris

Isn't it what happens when you put some macros in an unordered list
<ul> between <li> </li> tags?
I know it doesn't for toggle left/right sidebar - but as I recall it
was a problem when I tried to put a <<tiddler scripttiddlername>> into
TWT TreeViews TopMenu some time ago (it paused the Menu):
http://groups.google.dk/group/tiddlywiki/browse_thread/thread/b13398466379a64c/dbe13c7f80166f3e?hl=da&q=topmenu#dbe13c7f80166f3e

Regards Måns Mårtensson

PMario

unread,
Dec 4, 2009, 4:46:50 AM12/4/09
to TiddlyWiki
Hello Morris.
I downloaded http://twt-treeview.tiddlyspot.com/ inserted the
ToggleTiddlersBar tiddler. Works in my copy. Inserted <<tiddler
ToggleTiddlersBar>> into your SideBarOptions tiddler. Also works
there. Transclusion in Firefox also works.
Sorry I have no idea where and how you inserted it? Need more info.

regards Mario

Morris Gray

unread,
Dec 4, 2009, 5:47:29 AM12/4/09
to TiddlyWiki
On Dec 4, 7:11 pm, Måns <humam...@gmail.com> wrote:
> Hi Morris
>
> Isn't it what happens when you put some macros in an unordered list
> <ul> between <li> </li> tags?

Yes you remember right. <<tiddler scripttiddlername>> does. But I
have been using macros like yours inPNotes
<<tiddler TiddlerName with: Tabs [[Tabs on/off]]>> in the Treeview
topmenu extensively with no problem Including <<tiddler
ToggleRightSidebar with: "Sidebar »">>

However here's what I found. I have not been using Eric's new
transclusion ToggleRightSideBar but the old one. I upgraded to his
new transclusion at the same time I tried ToggleTiddlersBar. So I
wrongly blamed ToggleTiddlersBar when in fact the new transclusion
ToggleRightSideBar breaks it as well.

It was only when I gave up and deleted ToggleTiddlersBar that I found
out the menu was still broken. Reverting back to the pre-transclusion
ToggleRightSideBar fixed the problem.

Måns I wonder if you could verify my findings with one of your TWT-
Treeview menus if is true then we may have to talk to Eric about it.

Morris


On Dec 4, 7:11 pm, Måns <humam...@gmail.com> wrote:
> Hi Morris
>
> Isn't it what happens when you put some macros in an unordered list
> <ul> between <li> </li> tags?
> I know it doesn't for toggle left/right sidebar - but as I recall it
> was a problem when I tried to put a <<tiddler scripttiddlername>> into
> TWT TreeViews TopMenu some time ago (it paused the Menu):http://groups.google.dk/group/tiddlywiki/browse_thread/thread/b133984...

PMario

unread,
Dec 4, 2009, 10:46:11 AM12/4/09
to TiddlyWiki
Hello Craig, (long post)

On Dec 4, 7:21 am, Craig in Calgary <craig.prich...@gmail.com> wrote:
> Mario,
>
> Thank you very much. Good job. I'll be incorporating it shortly.
thx

> My next question is, "If the point of ToggleTiddlersBar is to
> facilitate printing the story, then wouldn't it be logical for someone
> to combine this behavior withhttp://www.TiddlyTools.com/#SnapshotPlugin
> and/orhttp://devpad.tiddlyspot.com/#PrintMacroand/ or http://jackparke.googlepages.com/jtw.html#PublishMacroto facilitate a
> single-step PrintStoryPlugin, PrintStoryMacro, or PrintStory
> transclusion?"
I have already tested some of those macros. But what I want is, that
the native browser print should do, what I want. Have a look at a-pm
presentation manager at [1] http://a-pm.tiddlyspot.com . It includes
[2] http://a-pm.tiddlyspot.com/#a-pmPresentationTheme . At the end of
the StyleSheet section ist "@media print" which contains the CSS for
printing. Works with FireFox 3.5.5. I adjusted it for my needs /
taste. May be you need other elements to be printed or hidden.

> Now that I sit and think about this for a moment, I have a different
> approach to consider. For the purposes of printing the story (all open
> tiddlers),
I print like this:
*Close all tiddlers
*Click every Tiddler you want to print in reverse order
*ToggleTiddlersBar: see [1] OptionsPanel: options>> TTBar (small)
**Now all tiddlers should be displayed in the right order
*File: Print preview in the browser

The long way, works for me. (see also next section)
ToDo: Insert a CSS printing <page break> above the itddler title. But
I don't know how - yet :)

>not just a single tiddler (that's why we have http://www.TiddlyTools.com/#SnapshotPlugin), I still like a single
> click. But instead of a toggle that alternates the display and
> requires an additional step, how about opening a new window/tab and
> rendering the story with a PrintTemplate, PrintStyleSheet? We've got
> View... and Edit..., why not Print...? The CSS could be light enough

I think @media print shuld do it.

> for simple black-on-white hardcopy or rich enough to support all
> wikifications, including syntax highlighting for code content.
> Multiple CSS configurations could address print quality (e.g. draft,
> quality), paper size, etc. Since the output is sent to another window/
> tab, there is no need for me to show/hide the tabs.

My way generating the stroyline:
I am using [8] BreadcrumbsPlugin for saving a storyline. Read the a-pm
text [1]. You could also use Erics [7] StorySaverPlugin for saving and
for loading a storylilne.

With "Open story tiddler at the top of column" or "Open story tiddler
at the bottom" option which is included in the plugin you can define
the order of the loaded tiddlers.

In [1] a-pm manager the StorySaverPlugin may interfere with [3]
SinglePageModePlugin which has similar options. (Not tested yet).

I know, all of this is more then one klick :)) but, go on reading.

> One more little brainstorm before going to bed. Marry the Print...
> paradigm with http://www.math.ist.utl.pt/~psoares/addons.html#SlideShowPlugin
SlideShowPlugin is great work but it doesn't fit to my presentation
style.

> and/or http://lewcid.googlepages.com/presentation_empty_full.html#Documentation
Great work too: I borrowed the NavigationMacro + idea there.
I am using [4] TiddlerNotesPlugin in a private TW which includes a
checkbox in every itddlers editor menue, done with [5]
ToggleTagPlugin and [6] HideWhenPlugin. Notes are only displayed if
the tiddler is tagged.

But with this you already have a problem with the printing. Do you
want to print the note or not? I would make that with an additional
Theme, which only changes the @media print CSS. (not done yet)

I am not sure about FootnotesPlugin yet. Have to have a closer look :)
I use NotesPlugin. I don't want to use two types of plugins which do
almost the same thing. May be I'll replace NotesPlugin with nested
Comments Plugin from TiddlyWeb some day.

>some CSS magic and
> you've got a fairly robust alternative to MS PowerPoint - complete
> with included/excluded speaker notes, included/excluded images or
> image placeholders, landscape/portrait orientation, multiple paper
> sizes, etc.
Jup. Here we need a wizard.
Thanks for your ideas.

See the next mail for a "more than one click" but fast workaround for
printing.

Regards Mario

[1] http://a-pm.tiddlyspot.com
[2] http://a-pm.tiddlyspot.com/#a-pmPresentationTheme
[3] http://www.TiddlyTools.com/#SinglePageModePluginInfo
[4] http://tw.lewcid.org/#TiddlerNotesPlugin
[5] http://mptw.tiddlyspot.com/#ToggleTagPlugin
[6] http://mptw.tiddlyspot.com/#HideWhenPlugin
[7] http://www.TiddlyTools.com/#StorySaverPlugin
[8] http://www.TiddlyTools.com/#BreadcrumbsPlugin

On Dec 4, 7:21 am, Craig in Calgary <craig.prich...@gmail.com> wrote:
Message has been deleted

Måns

unread,
Dec 4, 2009, 11:20:22 AM12/4/09
to TiddlyWiki
Hi Morris

I've tried to reconstruct your TWT TopMenu in my notestormproject -
and it's seems to work with ToggleTiddlersBar and the ToggleBars
transclusions...
One transclusion which didn't work was <<tiddler ShowPopup with: ...
However - when I put it in another tiddler and referred to it from the
Topmenu with <tiddler TopSearch>> it worked without breaking the
TopMenu?!

Please take a look at it: http://tinyurl.com/ylk6zgg

I know it's partly hidden by the TiddlersBar - I don't know where to
tweak that parameter (forgot how I did it...) So if you could tell med
how to set the border or margin properly please tell.

Regards Måns Mårtensson

PMario

unread,
Dec 4, 2009, 11:38:52 AM12/4/09
to TiddlyWiki

More than one click but fast printing preparation.

I added StorySaverPlugin to a-pm [1].
Have a look at: http://a-pm.tiddlyspot.com/#PreparePrinting tiddler

The first time you open it you have max 6 clicks for prepare printing.
Next time 2 or 3 clicks
I think, that is fast and flexible.

Regards Mario
[1] http://a-pm.tiddlyspot.com/
Message has been deleted
Message has been deleted

Morris Gray

unread,
Dec 4, 2009, 4:23:09 PM12/4/09
to TiddlyWiki
On Dec 5, 3:20 am, Måns <humam...@gmail.com> wrote:
> Hi Morris
>
> I've tried to reconstruct your TWT TopMenu in my notestormproject -
> and it's seems to work with ToggleTiddlersBar and the ToggleBars
> transclusions...

Well I am puzzled I've tried everything with no luck. I'll stick with
what works until I have more time.

Maybe this will help you anyhow.

Your StyleSheetTiddlersBar needs tiding up, replace the top code with
this: It's the first or (top) padding that adjustswhat you want.

.button {border:1px; color:#777777;}
#tiddlersBar .button {border:1px; color:#000;}
#tiddlersBar .tab {white-space:nowrap;}
#tiddlersBar {padding :0.5em 0.5em 0.1em;margin-left:0em;margin-right:.
5em;margin-top:0em;}
#tiddlersBar {margin-bottom:-1px;}

Watch for line breaks...

Morris
Message has been deleted

Mike

unread,
Dec 5, 2009, 10:34:41 AM12/5/09
to TiddlyWiki
Thank You PMario !!

I am now using your transclusion, and I am very happy with the
results.

Great Work,

Mike
Reply all
Reply to author
Forward
0 new messages