Using Quick Start Layouts

Organizing Content on Web Pages 8-15 – client : The state is saved fully to the client, without the use of tokens. This setting keeps the session expired messages from being displayed. – default : The state of the page is based on whatever is set in web.xml. – server : The state of the page is saved on the server. For more information about state saving, see Appendix A.2, Configuration in web.xml.

8.3 Arranging Contents to Stretch Across a Page

Use the panelStretchLayout component to arrange content in defined areas on a page and when you want the content to be able to stretch when the browser is resized. The panelStretchLayout component is one of the components that can stretch components placed in its facets. Figure 8–6 shows the component’s facets. Figure 8–6 Facets in the panelStretchLayout Component When you set the height of the top and bottom facets, any contained components are stretched up to fit the height. Similarly, when you set the width of the start and end facets, any components contained in those facets are stretched to that width. If no components are placed in the facets, then that facet does not render. That is, that facet will not take up any space. If you want that facet to take up the set space but remain blank, insert a spacer component. See Section 8.13, Separating Content Using Blank Space or Lines. Child Components components in the center facet are then stretched to fill up any remaining space. For more information about component stretching, see Section 8.2.1, Geometry Management and Component Stretching. Instead of setting the height of the top or bottom facet, or width of the start or end facet to a dimension, you can set the height or width to auto. This allows the facet to size itself to use exactly the space required by the child components of the facet. Space will be allocated based on what the web browser determines is the required amount of space to display the facet content. Note: Figure 8–6 shows the facets when the language reading direction of the application is configured to be left-to-right. If instead the language direction is right-to-left, the start and end facets are switched.