FlexGrid grow to fill height

UI Components for React
Post Reply
chrishj
Posts: 180
Joined: 11 Jul 2011, 21:58

03 Feb 2019, 01:04

In flexbox there is the possibility to set a row to grow in height to fill the available space?
The use case is central work area with variable content size and a footer so the vertical size of the central work area is extended so that the footer always pushed to the of the page for all responsive sizes.

The demo for stretched still has all elements showing the same size.

Code: Select all

<h3>Vertical Alignment - Stretch</h3>
                    <div className="p-grid p-align-stretch vertical-container">
                        <div className="p-col">
                            <div className="box ">4</div>
                        </div>
                        <div className="p-col">
                            <div className="box box-stretched">4</div>
                        </div>
                        <div className="p-col">
                            <div className="box ">4</div>
                        </div>
                    </div>



Thanks
J2EE 6 Glassfish 4.1 Mojarra 2.2.7 primefaces 6.2.7
Netbeans 8.1
database postgresql-9.4
Theme - Barcelona

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 0 guests