Mastering PrimeFaces

Developing Sophisticated Layouts and Panels 6 lectures 45:54 Introduction We’ll create an application that can be used to demonstrate the concepts of PrimeFaces throughout the series.

• Going through the PrimeFaces website and showcase
• Creating a Java EE 7 Maven web-based application within the NetBeans IDE
• Selecting a Java EE 7-compliant application server—GlassFish 4
• Adding a PrimeFaces Maven dependency

Layout – Headers, Footers, and Sidebars The standard JSF components make it easy to create basic application layouts, but they do not offer enough flexibility to provide the ability to develop intuitive layouts that work in a wide variety of situations.

• Building the primary PrimeAutoSales application user interface, demonstrating the use of the Layout component with each of the five different layout units.
• Demonstrating how the units are resizable, collapsible, and closeable by default
• Adding a simple link to the "west" unit to demonstrate a menu action
• Applying this same layout to multiple views using the Facelets template and client

Panels and Grouping Most application views comprise various sections. It makes sense to logically group the content on the screen into sections, making it easier for the user to follow.

• Creating an application view that will be used for the home screen of the PrimeAutoSales application, demonstrating the use of panels for sections, and then creating the initial menu for the left-hand layout panel
• Sprucing up the home screen view and demonstrating how to create sophisticated “basic” panels. Demonstrate how to notify the user using NotifcationBar
• Showing how to group related data together by developing two car ads for the PrimeAutoSales home page (PF Components Demonstrated: PanelGrid)

Tabs Sometimes you want to have a panel within your application that is capable of displaying different content, depending upon a user selection.

• Developing a subview for the application home screen (automobile information) to show the details for a selected automobile. Embed TabView into the subview, and demonstrate basic capabilities (PF Components demonstrated: TabView)
• Understanding how to add other panels within the different tabs in a TabView component
• Demonstrating how to render different tabs within a TabView under different conditions. In this case, if a sedan is chosen, the tabs that will be shown will be different from what was displayed when an SUV is chosen.

Accordion Again, it is sometimes useful to display different content based upon user selection. The Accordion component allows us to display different types of content, depending upon the user selection.

• Adding an Accordion component to the Automobile Information view and demonstrating basic capabilities
• Customizing the Accordion to add multiple selection capabilities, allowing more than one section to be displayed at a time
• Adding an event handler to the accordion to demonstrate how to invoke an action when a different section is selected

Wizards It helps to create a user-friendly interface to enter data in a particular order. The PrimeFaces wizard can help to create an easy to use workflow.

• Creating a new view to enter automobiles into the database and adding a PrimeFaces wizard component to the view
• Building upon the PrimeFaces wizard component to develop an easy-to-use form to enter automobile data
• Demonstrating the use of the wizard with AjaxflowListeners

Developing Sophisticated Layouts and Panels. 6 lectures 45:54 Introduction We’ll create an application that can be used to demonstrate the concepts of PrimeFaces throughout the series.

• Going through the PrimeFaces website and showcase
• Creating a Java EE 7 Maven web-based application within the NetBeans IDE
• Selecting a Java EE 7-compliant application server—GlassFish 4
• Adding a PrimeFaces Maven dependency

Layout – Headers, Footers, and Sidebars The standard JSF components make it easy to create basic application layouts, but they do not offer enough flexibility to provide the ability to develop intuitive layouts that work in a wide variety of situations.

• Building the primary PrimeAutoSales application user interface, demonstrating the use of the Layout component with each of the five different layout units.
• Demonstrating how the units are resizable, collapsible, and closeable by default
• Adding a simple link to the "west" unit to demonstrate a menu action
• Applying this same layout to multiple views using the Facelets template and client

Panels and Grouping Most application views comprise various sections. It makes sense to logically group the content on the screen into sections, making it easier for the user to follow.

• Creating an application view that will be used for the home screen of the PrimeAutoSales application, demonstrating the use of panels for sections, and then creating the initial menu for the left-hand layout panel
• Sprucing up the home screen view and demonstrating how to create sophisticated “basic” panels. Demonstrate how to notify the user using NotifcationBar
• Showing how to group related data together by developing two car ads for the PrimeAutoSales home page (PF Components Demonstrated: PanelGrid)

Tabs Sometimes you want to have a panel within your application that is capable of displaying different content, depending upon a user selection.

• Developing a subview for the application home screen (automobile information) to show the details for a selected automobile. Embed TabView into the subview, and demonstrate basic capabilities (PF Components demonstrated: TabView)
• Understanding how to add other panels within the different tabs in a TabView component
• Demonstrating how to render different tabs within a TabView under different conditions. In this case, if a sedan is chosen, the tabs that will be shown will be different from what was displayed when an SUV is chosen.

Accordion Again, it is sometimes useful to display different content based upon user selection. The Accordion component allows us to display different types of content, depending upon the user selection.

• Adding an Accordion component to the Automobile Information view and demonstrating basic capabilities
• Customizing the Accordion to add multiple selection capabilities, allowing more than one section to be displayed at a time
• Adding an event handler to the accordion to demonstrate how to invoke an action when a different section is selected

Wizards It helps to create a user-friendly interface to enter data in a particular order. The PrimeFaces wizard can help to create an easy to use workflow.

• Creating a new view to enter automobiles into the database and adding a PrimeFaces wizard component to the view
• Building upon the PrimeFaces wizard component to develop an easy-to-use form to enter automobile data
• Demonstrating the use of the wizard with AjaxflowListeners

Introduction We’ll create an application that can be used to demonstrate the concepts of PrimeFaces throughout the series.

• Going through the PrimeFaces website and showcase
• Creating a Java EE 7 Maven web-based application within the NetBeans IDE
• Selecting a Java EE 7-compliant application server—GlassFish 4
• Adding a PrimeFaces Maven dependency

Introduction We’ll create an application that can be used to demonstrate the concepts of PrimeFaces throughout the series.

• Going through the PrimeFaces website and showcase
• Creating a Java EE 7 Maven web-based application within the NetBeans IDE
• Selecting a Java EE 7-compliant application server—GlassFish 4
• Adding a PrimeFaces Maven dependency

Introduction We’ll create an application that can be used to demonstrate the concepts of PrimeFaces throughout the series.

• Going through the PrimeFaces website and showcase
• Creating a Java EE 7 Maven web-based application within the NetBeans IDE
• Selecting a Java EE 7-compliant application server—GlassFish 4
• Adding a PrimeFaces Maven dependency

Introduction We’ll create an application that can be used to demonstrate the concepts of PrimeFaces throughout the series.

• Going through the PrimeFaces website and showcase
• Creating a Java EE 7 Maven web-based application within the NetBeans IDE
• Selecting a Java EE 7-compliant application server—GlassFish 4
• Adding a PrimeFaces Maven dependency

We’ll create an application that can be used to demonstrate the concepts of PrimeFaces throughout the series.

• Going through the PrimeFaces website and showcase
• Creating a Java EE 7 Maven web-based application within the NetBeans IDE
• Selecting a Java EE 7-compliant application server—GlassFish 4
• Adding a PrimeFaces Maven dependency

We’ll create an application that can be used to demonstrate the concepts of PrimeFaces throughout the series.

• Going through the PrimeFaces website and showcase
• Creating a Java EE 7 Maven web-based application within the NetBeans IDE
• Selecting a Java EE 7-compliant application server—GlassFish 4
• Adding a PrimeFaces Maven dependency

Layout – Headers, Footers, and Sidebars The standard JSF components make it easy to create basic application layouts, but they do not offer enough flexibility to provide the ability to develop intuitive layouts that work in a wide variety of situations.

• Building the primary PrimeAutoSales application user interface, demonstrating the use of the Layout component with each of the five different layout units.
• Demonstrating how the units are resizable, collapsible, and closeable by default
• Adding a simple link to the "west" unit to demonstrate a menu action
• Applying this same layout to multiple views using the Facelets template and client

Layout – Headers, Footers, and Sidebars The standard JSF components make it easy to create basic application layouts, but they do not offer enough flexibility to provide the ability to develop intuitive layouts that work in a wide variety of situations.

• Building the primary PrimeAutoSales application user interface, demonstrating the use of the Layout component with each of the five different layout units.
• Demonstrating how the units are resizable, collapsible, and closeable by default
• Adding a simple link to the "west" unit to demonstrate a menu action
• Applying this same layout to multiple views using the Facelets template and client

Layout – Headers, Footers, and Sidebars The standard JSF components make it easy to create basic application layouts, but they do not offer enough flexibility to provide the ability to develop intuitive layouts that work in a wide variety of situations.

• Building the primary PrimeAutoSales application user interface, demonstrating the use of the Layout component with each of the five different layout units.
• Demonstrating how the units are resizable, collapsible, and closeable by default
• Adding a simple link to the "west" unit to demonstrate a menu action
• Applying this same layout to multiple views using the Facelets template and client

Layout – Headers, Footers, and Sidebars The standard JSF components make it easy to create basic application layouts, but they do not offer enough flexibility to provide the ability to develop intuitive layouts that work in a wide variety of situations.

• Building the primary PrimeAutoSales application user interface, demonstrating the use of the Layout component with each of the five different layout units.
• Demonstrating how the units are resizable, collapsible, and closeable by default
• Adding a simple link to the "west" unit to demonstrate a menu action
• Applying this same layout to multiple views using the Facelets template and client

The standard JSF components make it easy to create basic application layouts, but they do not offer enough flexibility to provide the ability to develop intuitive layouts that work in a wide variety of situations.

• Building the primary PrimeAutoSales application user interface, demonstrating the use of the Layout component with each of the five different layout units.
• Demonstrating how the units are resizable, collapsible, and closeable by default
• Adding a simple link to the "west" unit to demonstrate a menu action
• Applying this same layout to multiple views using the Facelets template and client

The standard JSF components make it easy to create basic application layouts, but they do not offer enough flexibility to provide the ability to develop intuitive layouts that work in a wide variety of situations.

• Building the primary PrimeAutoSales application user interface, demonstrating the use of the Layout component with each of the five different layout units.
• Demonstrating how the units are resizable, collapsible, and closeable by default
• Adding a simple link to the "west" unit to demonstrate a menu action
• Applying this same layout to multiple views using the Facelets template and client

Panels and Grouping Most application views comprise various sections. It makes sense to logically group the content on the screen into sections, making it easier for the user to follow.

• Creating an application view that will be used for the home screen of the PrimeAutoSales application, demonstrating the use of panels for sections, and then creating the initial menu for the left-hand layout panel
• Sprucing up the home screen view and demonstrating how to create sophisticated “basic” panels. Demonstrate how to notify the user using NotifcationBar
• Showing how to group related data together by developing two car ads for the PrimeAutoSales home page (PF Components Demonstrated: PanelGrid)

Panels and Grouping Most application views comprise various sections. It makes sense to logically group the content on the screen into sections, making it easier for the user to follow.

• Creating an application view that will be used for the home screen of the PrimeAutoSales application, demonstrating the use of panels for sections, and then creating the initial menu for the left-hand layout panel
• Sprucing up the home screen view and demonstrating how to create sophisticated “basic” panels. Demonstrate how to notify the user using NotifcationBar
• Showing how to group related data together by developing two car ads for the PrimeAutoSales home page (PF Components Demonstrated: PanelGrid)

Panels and Grouping Most application views comprise various sections. It makes sense to logically group the content on the screen into sections, making it easier for the user to follow.

• Creating an application view that will be used for the home screen of the PrimeAutoSales application, demonstrating the use of panels for sections, and then creating the initial menu for the left-hand layout panel
• Sprucing up the home screen view and demonstrating how to create sophisticated “basic” panels. Demonstrate how to notify the user using NotifcationBar
• Showing how to group related data together by developing two car ads for the PrimeAutoSales home page (PF Components Demonstrated: PanelGrid)

Panels and Grouping Most application views comprise various sections. It makes sense to logically group the content on the screen into sections, making it easier for the user to follow.

• Creating an application view that will be used for the home screen of the PrimeAutoSales application, demonstrating the use of panels for sections, and then creating the initial menu for the left-hand layout panel
• Sprucing up the home screen view and demonstrating how to create sophisticated “basic” panels. Demonstrate how to notify the user using NotifcationBar
• Showing how to group related data together by developing two car ads for the PrimeAutoSales home page (PF Components Demonstrated: PanelGrid)

Most application views comprise various sections. It makes sense to logically group the content on the screen into sections, making it easier for the user to follow V is chosen. Sometimes you want to have a panel within your application that is capable of displaying different content, depending upon a user selection.

• Developing a subview for the application home...