How to stop TW Main Menu moving with the content of the TW area

[HansG]

Hi firends,

I want to change my TW behavior in thay way, that if there is a lot of content in a tiddler for which I have to scroll to seen more of the content, the Main Menu (with the site navigation) should be stay where is and that the Main Menu will not be moved with my tiddler content. The goal is to have the site navigation permanent visible.

Is there any idea in use?

Thanks
HansG

[Eric Shulman]

> I want to change my TW behavior in thay way, that if there is a lot of
> content in a tiddler for which I have to scroll to seen more of the
> content, the Main Menu (with the site navigation) should be stay where is
> and that the Main Menu will not be moved with my tiddler content. The goal
> is to have the site navigation permanent visible.

http://www.tiddlytools.com/#ToggleScrollingSidebars

enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

HELP ME TO HELP YOU - MAKE A CONTRIBUTION TO MY "TIP JAR"...
http://www.TiddlyTools.com/#Donations

Professional TiddlyWiki Consulting Services...
Analysis, Design, and Custom Solutions:
http://www.TiddlyTools.com/#Contact

[passingby]

If I have understood you correctly I think what you are looking for can be seen working here:

http://coloredlinks.tiddlyspot.com/
This has been done by Tobias.

[HansG]

Hi passingby,

thank you for the nice design link. It's good feeling how creative the community is.

Your link has it's own charm but sorry, it does not fit to our Museum TiddlyWiki design (www.museum-zurholt.de).

HansG

[HansG]

Hi Eric,

thank you for your response.

I just imported your Tiddler ScrollingSidebars. It works fine for the left and right sidebar but for SiteTitle and SiteSubtitle is not working: Both are still scrolling. May be there are more Option for configuration?

However It turned out what several other TW users have observed: The option is not immediately working when you open the TW.

Do you think there is a chance to have this TW extensions available in the next future?

Have a nice weekend.

HansG

[Scott Simmons]

Hi, Hans —

If you just want to lock the lefthand nav (the "Main Menu" tiddler) in place, add this to your StyleSheet tiddler:

/*{{{*/

#mainMenu { position: fixed; }

/*}}}*/

If StyleSheet doesn't already exist, you can create it and add the bit above.

You can also lock the sidebar in place by adding this line:

#sidebar { position: fixed; }

The header is a bit difficult to lock in place because of some additional characteristics it has (namely the background color gradient, which is done with a TiddlyWiki core macro).  It could be done, but you'd have to dig into the CSS a little more intensively.

[HansG]

Hi Scott,

I checked you configuration tip a couple of days before. The good message is: It works.

But it turned out that without pinng the HEADER too, it looks more terrible. So I gave it up putting this in my new TW-MUSEUM-release.

But I am still interested in a solution: So is there an easy code snippet, how to mange that?

Kind regards

HansG

[Tobias Beer]

Hi Hans,

I would not promote this, because it's really not a good design choice — it's not intuitive and has usability problems.

Anyhow, here's what you could add to your StyleSheet...

.header{

position: fixed;

width: 100%;

top: 0;

}

#mainMenu {

position: fixed;

padding-top: 0;

}

#displayArea{

margin: 140px 1em 0 330px;

}

Also, I would also remove the Getting Started link... it seems to serve no purpose as well as the toolbar when viewed over http.

Cheers, Tobias.

[HansG]

Hi Tobias,

after you gave me an answer to this Post, I am just working for a while on other matters of my TW.

But now I would like to come back to the matter you mentioned at the end of your answer.

There you recommended: "... remove the Getting Started link... it seems to serve no purpose as well as the toolbar when viewed over http...". Of course, you are right with this statement. But I have no idea, where to configure it. Do you know how to configure it, that these elements where invisible when openend via a WEB-server? 

Thank you in advance.

HansG