Subcomponents of af:panelPage

Question

I'm struggling to work out how I can conditionally render facets within an <af:panelPage>
Basically, I have two modes in which I want to render my page a) a normal mode and b) a print mode
The print mode has to be identical to the normal mode except that it should not display the menu3 facet.
My problem is that I can conditionally render the content (or not) within the menu3 facet, but if I remove the menu3 facet completely in my printMode, then the other facets move accordingly and the page wraps in an ugly way. If I simply remove the content of the menu3 facet then I get an embty boat-shaped object floating in the top left corner of my screen. The rest of the page however, renders correctly.
Ideally, I guess I would like to keep the facet as a placeholder, but render it invisible. Something along the lines of:
inlineStyle="display: none;"
Alternatively something along the lines of:
<af:panelPage>
//various facets
<af:switcher facetName="#{!printMode ? 'menu3' : 'someOther'}">
<f:facet name="menu3">
</f:facet>
</af:switcher>
//more various facets
<af:panelPage>
But I'm discovering that a switcher doesn't work inside the panelPage.
Any pointers would be most welcom

Answer 1

Hi,
Ok, I get your problem. Then you have two options:
1. Add a style class on the panelPage when the printMode is on then change the skin to set display:none; on the menu3 facet's selector when that styleClass is there. So try something like:
In the page
<af:panelPage styleClass="#{printMode ? 'PrintMode' : ''}">
</af:panelPage>In the skin:
.PrintMode af|panelPage::menu3   /* This selector might be slightly different, validate with FireBug */
    display: none;
}2. Create your own layout component (if 1. fails)
Regards,
~ Simon