Design Canvas & Centering text

Question

Forgive me for being a noob here but I have a couple of questions :-
1.) How do I undock the design canvas so I can use it full screen ? At the moment, everything will only snap to the grid that is the displayed part of the design canvas - not the whole screen.
2.) How do I centre text on the screen for instance a heading ? I've used 'text-align: center' but that of course just justifies in the output text box - not the screen.
SPG

Answer 1

(1) At the moment there's no way to do that with a single gesture, but we're merging the NetBeans 4.0 window manager so in the future that will be easy.
For now, you can click on the "pushpin"-like icon near the top of the properties and project navigator window to cause them to slide out to the right.
(2) To get centering like this, don't use absolute positioning. Here's what you can do: go to the Source tab, and add something like this (under body or form depending on where you want it):
<p style="text-align: center"> Hello World! </p>
(or use h1, h2, ... instead of p.) Output Text renders a span which is an inline tag, so you can't set the text-align directly on it. If you want to use an output text (for example to value bind it), you can first add an output text (but DON'T absolute position it: either double click on the output text item in the palette, or drop it and then go remove its position, left and top properties from the style property of the output text). Then go to the source tab, locate the h:outputText you've dropped, and add a <p style="text-align: center"> right before it and </p> right after it, e.g. "wrap the output text with a p block tag).
Hope that helps.
-- Tor
http://blogs.sun.com/tor