Changing the Overall Default Layout/Style

[thesampler]

I use the default layout/style but would like to know if it's possible
to change this so that...

I want a scroll bar attached to the main central area (kinda like when
you edit a tiddler) so I can scroll up/down a tiddler but without the
left/right bars scrolling with it.

I've no idea how to even start trying to implement this or whether
such a change would even be possible without the code and knowing
that?

Happy New Year

-Sandy

[Eric Shulman]

> I want a scroll bar attached to the main central area (kinda like when
> you edit a tiddler) so I can scroll up/down a tiddler but without the
> left/right bars scrolling with it.

In your [[StyleSheet]], add:

.tiddlerDisplay { height:30em; overflow:auto; }

(of course, "30em" is just an example, you can use any CSS measurment
you like, e.g., "400px", "5in", "20cm", etc.)

enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

[thesampler]

Hi Eric

Thanks so much for your prompt reply.

I added the line below, saved and reloaded the TW file but I don't see
any difference unfortunately. I wonder why it does not work for me.
I'll try later in a new blank Wiki.

All the best

-Sandy

[FND]

> I added the line below, saved and reloaded the TW file but I don't see
> any difference unfortunately. I wonder why it does not work for me.

Small typo in Eric's code; "tiddlerDisplay" is an ID, not a class, so it
should be this:
#tiddlerDisplay {
height: 30em;
overflow: auto;
}

HTH.

-- F.

[thesampler]

Thank You

That works a treat. I really appreciate all the help from yourself and
others in this community (you're all so clever) and never ever thought
it would be much more involved to make that change than it is (I
really should make time to learn some real CSS). If you happen to know
the names for the Left/Right side bar areas I guess I could add scroll
bars to those and maybe even turn off the default scrollbar somehow.

I'm playing really with a view to using TW to host a website of sorts.
At the moment I am able to do more of the things I am trying to
achieve with TW than I am using Wordpress or Dragonfly.

Thanks again

-Sandy

[FND]

> If you happen to know
> the names for the Left/Right side bar areas I guess I could add scroll
> bars to those and maybe even turn off the default scrollbar somehow.

The IDs are "mainMenu" and "sidebar", respectively (for the CSS
selector, simply add a "#" as we did before).

Be careful with those scrollbars though; I used to do something similar
in the beginning, but then realized it does way more harm then good.

-- F.