MainMenu and Sidebar as two tabs?

15 views
Skip to first unread message

Dave Gifford - TiddlyWiki in Action

unread,
Mar 13, 2007, 9:52:46 AM3/13/07
to TiddlyWiki
Hi guys,

Can't believe I didn't think of this before, but has anyone ever done
or seen a TW that creates a tabbed menu in the menu area with two
tabs, one for the MainMenu and one for the sidebar and tabbed lists?
So you can go back and forth between the two.

Seems like that would be a great space saver for those who know what
they are doing and are not that keen on topmenus. Can't believe I
didn't think of that before. Just wondered if it's been done before.
Maybe there could be a TiddlyTheme with that option? Just a thought...

Dave Gifford

Edgar Javison

unread,
Mar 13, 2007, 9:56:04 AM3/13/07
to Tiddl...@googlegroups.com
Or a plugin, perhaps?
--
Edgar Javison

We are each of us angels with only one wing, and we can only fly by embracing one another.  ~ Luciano de Crescenzo

If you've got time, do drop by my weblog at http://elj.tiddlyspot.com/

Yann Perrin

unread,
Mar 13, 2007, 10:14:33 AM3/13/07
to Tiddl...@googlegroups.com
I've done something like that for TWkd, and added a bunch of CSS for it to look like i wanted. The tabs themsevlves are showing as an horizontal menu on top of the page, while their content takes the initial MainMenu place.
see it at : http://yann.perrin.googlepages.com/twkd.html

2007/3/13, Edgar Javison < we.do....@gmail.com>:



--
Yann.
http://yann.perrin.googlepages.com
http://clef.usb.googlepages.com

danpl...@gmail.com

unread,
Mar 13, 2007, 11:44:14 AM3/13/07
to TiddlyWiki
You should take a look at tiddlytools version of that idea. Allows
for even more space by making the menu and sidebar hideable. Freeing
up some very valuable real estate on both sides of the screen while
having one click access to bringing them back.

It's hard to make it through the clutter of tiddlytools but I think
it's the best version of tiddlywiki out there for it's functionality
and the amount of included tweaks and plugins.

On Mar 13, 9:52 am, "Dave Gifford - TiddlyWiki in Action"

dwok

unread,
Mar 13, 2007, 12:56:37 PM3/13/07
to TiddlyWiki
I would also like to figure out how that is done in TiddlyTools. Very
useful for saving screen space.

- dwok

On Mar 13, 11:44 am, "danplaw...@gmail.com" <danplaw...@gmail.com>
wrote:

FND

unread,
Mar 13, 2007, 1:27:42 PM3/13/07
to Tiddl...@googlegroups.com
> Can't believe I didn't think of this before, but has anyone ever done
> or seen a TW that creates a tabbed menu in the menu area with two
> tabs, one for the MainMenu and one for the sidebar and tabbed lists?

Maybe I'm missing something here, but why not use the slider macro for
that? (Of course that might need a bit of tweaking, CSS-wise, but that
should be fairly easy.)


-- F.

Eric Shulman

unread,
Mar 13, 2007, 2:25:58 PM3/13/07
to TiddlyWiki
> Can't believe I didn't think of this before, but has anyone ever done
> or seen a TW that creates a tabbed menu in the menu area with two
> tabs, one for the MainMenu and one for the sidebar and tabbed lists?

Try this:

1) create a new tiddler called [[MainMenuTabs]], containing:

<<tabs chkMenuTabs
menu "show main menu" MainMenu
tools "show sidebar tools" SideBarOptions
contents "show tiddler lists" SideBarTabs>>

2) in [[PageTemplate]], replace:
<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
with:
<div id='mainMenu' refresh='content' tiddler='MainMenuTabs'></div>
and 'stub' the old sidebar definition by changing this:
<div id='sidebar'>
<div id='sidebarOptions' refresh='content'
tiddler='SideBarOptions'></div>
<div id='sidebarTabs' refresh='content' force='true'
tiddler='SideBarTabs'></div>
</div>
to this:
<span id='sidebar'></span>
(note: we are leaving the 'sidebar' definition in place so that any
code that looks for 'sidebar' can still find it without throwing an
error).

3) Tweak the #mainMenu CSS to nicely format the sidebar content.
For example, in [[StyleSheet]], you can add:
#mainMenu .tabContents a { display: block; }
to force each sidebar command to appear on a separate line

HTH,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

FND

unread,
Mar 13, 2007, 2:29:12 PM3/13/07
to Tiddl...@googlegroups.com
> Maybe I'm missing something here, but why not use the slider macro

Duh, of course I meant the tabs, not the slider macro...
Eric has already posted the instructions for this.


-- F.

ocat

unread,
Mar 13, 2007, 7:02:00 PM3/13/07
to TiddlyWiki
> The tabs themsevlves are showing as an horizontal menu
> on top of the page, while their content takes the initial MainMenu place.
> see it at : http://yann.perrin.googlepages.com/twkd.html

Hi Yann, it seems you did a magic there. May I ask hoe did you do
that?

ocat

On 3月13日, 下午10時14分, "Yann Perrin" <yann.per...@gmail.com> wrote:
> I've done something like that for TWkd, and added a bunch of CSS for it to
> look like i wanted. The tabs themsevlves are showing as an horizontal menu
> on top of the page, while their content takes the initial MainMenu place.
> see it at :http://yann.perrin.googlepages.com/twkd.html
>

> 2007/3/13, Edgar Javison < we.do.it.h...@gmail.com>:
>
>
>
>
>
> > Or a plugin, perhaps?

Daniel Baird

unread,
Mar 13, 2007, 7:31:51 PM3/13/07
to Tiddl...@googlegroups.com
Yann, that's a bit weird -- you click something on the right side of
the screen, and something wayy over on the left changes. Maybe the
tabs should be left aligned?

;Daniel


--
Daniel Baird
http://tiddlyspot.com (free, effortless TiddlyWiki hosting)
http://danielbaird.com (TiddlyW;nks! :: Whiteboard Koala :: Blog ::
Things That Suck)

Yann Perrin

unread,
Mar 14, 2007, 10:46:39 AM3/14/07
to Tiddl...@googlegroups.com
Well, you should find what you need by looking at StyleSheet, PageTemplate and TopMenu tiddlers.
Be warned that it's not really simple as i use PolyGlotPlugin to make a bilingual tiddlywiki.
Hope this is enough to help you.

2007/3/14, ocat <blo...@gmail.com>:

> The tabs themsevlves are showing as an horizontal menu
> on top of the page, while their content takes the initial MainMenu place.
> see it at : http://yann.perrin.googlepages.com/twkd.html

Hi Yann, it seems you did a magic there. May I ask hoe did you do
that?

ocat

Yann Perrin

unread,
Mar 14, 2007, 10:48:53 AM3/14/07
to Tiddl...@googlegroups.com
I like constructive criticism :)
I'll have a look at changing this when i'll have more time to do so.

2007/3/14, Daniel Baird <danie...@gmail.com >:

Yann, that's a bit weird -- you click something on the right side of
the screen, and something wayy over on the left changes.  Maybe the
tabs should be left aligned?

;Daniel
Reply all
Reply to author
Forward
0 new messages