Here are some images that show how the Switch/Case Toggle works (see Switch/Case Toggle Template ) . In this particular example, notice how the box drops down above the division below it rather then pushing that division down (which is how it normally operates without any CSS styling). In this case, all I have are two divisions, one division is wrapped around the Switch/Case Toggle and the other division encases the rest of the form. I have only made one alteration with CSS and that is, I styled the top division that encases the Menu with position set at absolute (<h:div style=”position:absolute;>”). That’s it, no left or right or top attributes, and the second division, the one sitting under the menu, has no styling. (Actually, I do have some margins set in the menu division that moves my menu to the right, but that is irrelavant as I have tested it with and without margins.)
[ on a different note, if your interested how I got the "legend" look on a switch/case, see Xforms: The Legendary Toggle ]
[...] box that is intended to drop down over any elements that are displayed below it. For an example see Drop Down over/above lower text (Xforms Switch and CSS). In fact, you’ll need to look over that post to get an idea of what’s going on here [...]
Pingback by Hiding dropovers with CSS and Xforms « Clarkepeters’s Weblog — September 19, 2007 @ 10:13 pm
[...] box that is intended to drop down over any elements that are displayed below it. For an example see Drop Down over/above lower text (Xforms Switch and CSS). In fact, you’ll need to look over that post to get an idea of what’s going on here [...]
Pingback by ClarkePeter’s Weblog » Hiding dropovers with CSS and Xforms — October 21, 2008 @ 10:53 am