Index
A
- @ApplicationScoped
- Accessible Rich Internet Applications (ARIA) / Adding a PrimeFaces inputText component to the page and comparing these two elements
- additional PrimeFaces themes
- adding / Adding additional PrimeFaces themes
- AJAX listener methods
- attaching, for date and event selection / A lack of skinning support for date and event selection
- Angular Material / Brand new themes based on Google Material Design language
- Apache Software Foundation / Creating a NetBeans Maven JSF project
- app
- creating / Why we need to create an app
- aristo
- Aristo theme / Changing the menu background
- Atmosphere WebSocket library
- about / The PrimeFaces library
B
- bootstrap theme
- box-shadow property
- horizontal shadow distance / Changing the shadow effects
- vertical shadow distance / Changing the shadow effects
- blur / Changing the shadow effects
- spread / Changing the shadow effects
- color / Changing the shadow effects
- buttons
- adding, for switching theme without ThemeSwitcher / Adding buttons that change the theme without using ThemeSwitcher
C
- class attribute
- about / The difference between a layout and the look and feel of UI components
- ui-simplewidget / The difference between a layout and the look and feel of UI components
- ui-widget / The difference between a layout and the look and feel of UI components
- ui-helper-reset / The difference between a layout and the look and feel of UI components
- client-side JavaScript function
- executing, from server-side / Executing a client-side JavaScript function from the server-side – the power of AJAX and RequestContext
- core layout CSS classes
- Responsive Mode / A brief coverage of different premium themes and layouts features
- ContainerX / A brief coverage of different premium themes and layouts features
- text color CSS classes / A brief coverage of different premium themes and layouts features
- background color CSS classes / A brief coverage of different premium themes and layouts features
- top border coloring CSS classes / A brief coverage of different premium themes and layouts features
- section CSS classes / A brief coverage of different premium themes and layouts features
- visibilities, floating and width settings / A brief coverage of different premium themes and layouts features
- positioning CSS classes / A brief coverage of different premium themes and layouts features
- underline CSS class / A brief coverage of different premium themes and layouts features
- floating CSS classes / A brief coverage of different premium themes and layouts features
- overflow CSS classes / A brief coverage of different premium themes and layouts features
- EmptyBoxes CSS classes / A brief coverage of different premium themes and layouts features
- Opacity CSS classes / A brief coverage of different premium themes and layouts features
- WidX CSS classes / A brief coverage of different premium themes and layouts features
- TextAligning CSS classes / A brief coverage of different premium themes and layouts features
- BoxSizing CSS classes / A brief coverage of different premium themes and layouts features
- FontSize CSS classes / A brief coverage of different premium themes and layouts features
- Font weight CSS classes / A brief coverage of different premium themes and layouts features
- Less curve CSS class / A brief coverage of different premium themes and layouts features
- Transition timings CSS classes / A brief coverage of different premium themes and layouts features
- CSS classes / A brief coverage of different premium themes and layouts features
- CSS generator tool
- reference / Creating a set of icons of our own
- CSS Less support
- for customizing CSS styles / Using CSS Less support to customize CSS styles easily
- CSS rule
- creating, for setting background color in HTML element / Creating a CSS rule to set the background color in an HTML element
- CurrentTheme Bean
- creating / Creating the CurrentTheme Bean
- custom icons
- creating / Creating a set of icons of our own
- adding, to theme / Adding the new icons to your theme
- using, in commandButton components / Using custom icons in the commandButton components
- using, in menu component / Using custom icons in a menu component
- customized mobile themes
- creating, jQuery Mobile ThemeRoller used / Creating customized mobile themes – the power of jQuery Mobile ThemeRoller
- applying, for PrimeFaces Mobile / Applying customized mobile themes to PrimeFaces Mobile
- custom theme
- packaging / Packaging and adding our custom theme to the project
- adding, to project / Packaging and adding our custom theme to the project
E
- Elite theme / Introducing premium themes and layouts
F
- Facelets Template
- URL / Extending the ThemeService Bean
- creating / Creating a Facelets Template
- Facelets Template Client
- creating / Creating a Facelets Template
- font
- changing / Changing the initial font and font size
- size, changing / Changing the initial font and font size
- FontAwesome icons
- using, alternative to ThemeRoller icons / The Font Awesome icons as an alternative to the ThemeRoller icons
- about / The Font Awesome icons as an alternative to the ThemeRoller icons
- features / The Font Awesome icons as an alternative to the ThemeRoller icons
- references / The Font Awesome icons as an alternative to the ThemeRoller icons
G
- GlassFish / Creating a NetBeans Maven JSF project
- Google I/O 2014 conference / Brand new themes based on Google Material Design language
I
- image sprite / Introducing the standard theme icon set
- Integrated Development Environment (IDE) / Creating a new JSF page and adding a standard inputText component
- Internet Explorer 8 (IE8) / See what you don’t like in the showcase and apply the changes
J
- JavaBeans
- Java Enterprise Edition (EE) / Creating a NetBeans Maven JSF project
- JavaScript function
- creating, for applying CSS rules to specific HTML element / Creating a JavaScript function to apply CSS rules to a specific HTML element
- JEE7 standard / Creating a Facelets Template
- jQuery
- jQuery Foundation project
- jQuery Mobile ThemeRoller
- jQuery UI
- about / The PrimeFaces library, jQuery UI and its standard CSS rules
- URL / jQuery UI and its standard CSS rules
- widgets / The difference between a layout and the look and feel of UI components
- reference, theming icons / Introducing the standard theme icon set
- JSF Contexts and Dependency Injection (CDI
- JSF page
- creating / Creating a new JSF page and adding a standard inputText component, Creating a new JSF page
- UI element, examining with browser developer tool / Examining the UI element using the browser developer tool
L
- layout
- Less CSS
M
- @ManagedBean
- Material design
- Material Design Lite (MDL) / Brand new themes based on Google Material Design language
- Maven-based NetBeans project
- about / Why we need to create an app
- Maven Central Repository / Creating a NetBeans Maven JSF project
- MetroUI theme
- about / Introducing premium themes and layouts
- reference / Introducing premium themes and layouts
- Mini Showcase page
- creating / Creating a Mini Showcase page
- mobile website
- demand / The demand of creating a powerful mobile website
- screens limits / Restrictions of real estate mobile device screens are simply smaller
- PrimeFaces Mobile, for JSF-based applications / Introducing PrimeFaces Mobile for JSF-based applications
- Moodyblue theme / Packaging and adding our custom theme to the project
N
- NetBeans Maven JSF project
- creating / Creating a NetBeans Maven JSF project
O
- opacity / See what you don’t like in the showcase and apply the changes
- OSNode theme packaging tool / Using your unpackaged theme and applying it to your application
P
- Paint.NET tool / Creating a set of icons of our own
- Polymer / Brand new themes based on Google Material Design language
- premium distributions / A brief coverage of different premium themes and layouts features
- premium themes
- PrimeFaces
- showcase / The PrimeFaces library
- jQuery UI CSS rules, using / How PrimeFaces uses the jQuery UI CSS rules
- PrimeFaces inputText component
- PrimeFaces library
- about / The PrimeFaces library
- adding, to project / Adding the PrimeFaces library and related dependencies to our project
- PrimeFaces Mobile
- for JSF-based applications / Introducing PrimeFaces Mobile for JSF-based applications
- versus PrimeFaces / The differences between PrimeFaces Mobile and normal PrimeFaces
- PrimeFaces showcase
- reference / Introducing the standard theme icon set
- about / The PrimeFaces showcase
- modifying / See what you don’t like in the showcase and apply the changes
- customizing / See what you do like in the showcase and make everything look that way
- changes, applying same way for PrimeFaces mobile / Do the changes same way for PrimeFaces Mobile
- custom theme, packaging / Packaging your custom theme
- CSS files, creating for variations on theme / Creating CSS files that provide variations on a theme
- PrimeFaces theme converter
- about / Third-party theme converters
- PrimeFaces ThemeSwitcher component
- project
- building / Building the project
- running / Running the project
- PRO user license / Introducing premium themes and layouts
- published icon cheat sheets
- reference / Introducing the standard theme icon set
R
- RedHat / Creating a NetBeans Maven JSF project
- RequestContext
S
- schedule component
- screen readers
- session / Creating the CurrentTheme Bean
- standard component
- turning, into PrimeFaces / Turning a standard component into a PrimeFaces one
- standard JSF inputText component
- versus PrimeFaces component / The difference between standard JSF and PrimeFaces components
- adding / Creating a new JSF page and adding a standard inputText component
- versus PrimeFaces inputText component / Adding a PrimeFaces inputText component to the page and comparing these two elements
- standard theme icon set
- swatches
T
- theme
- creating / Creating a theme and downloading it
- downloading / Creating a theme and downloading it
- comparing, with PrimeFaces one / Comparing our theme to a PrimeFaces one
- initial font, changing / Changing the initial font and font size in your theme
- font size, changing / Changing the initial font and font size in your theme
- foreground color, changing / Changing the foreground and background colors
- background color, changing / Changing the foreground and background colors
- highlighted, changing / Changing the highlighted, active, and selected CSS rules
- CSS rules, changing / Changing the highlighted, active, and selected CSS rules
- rounding rules, changing / Changing the rounding rules
- shadow effects, changing / Changing the shadow effects
- menu background, changing / Changing the menu background
- theme design best practices
- WAI guidelines / Introduction of WAI for good web design
- colors / Colors, icon sets, background, and foreground
- icon sets / Colors, icon sets, background, and foreground
- background / Colors, icon sets, background, and foreground
- foreground / Colors, icon sets, background, and foreground
- font size / Fonts make the text stand out
- rich Internet applications, versus desktop applications / Rich Internet applications versus desktop applications
- functions per page / Functions per page
- components / Components you will be using
- PrimeFaces CSS classes / Some important PrimeFaces CSS classes
- standard PrimeFaces theme / Going beyond the standard PrimeFaces theme
- PrimeFaces CSS classes, overriding / Override PrimeFaces CSS classes
- specific component CSS styles, overriding / Override specific component CSS styles
- theme styles, previewing / Preview the theme styles before going to use
- considerations, for mobile applications / Considerations for mobile applications
- busy UI, versus data dominated / Busy UI versus data-dominated UI
- feedback, from potential users / Feedback from potential users
- miscellaneous best practices / Miscellaneous best practices
- ThemeRoller theme to PrimeFaces theme converter
- about / Third-party theme converters
- ThemeRoller tool
- about / Third-party theme converters
- theme rules
- component containers / The difference between a layout and the look and feel of UI components
- interaction states / The difference between a layout and the look and feel of UI components
- interaction cues / The difference between a layout and the look and feel of UI components
- states and images / The difference between a layout and the look and feel of UI components
- positioning / The difference between a layout and the look and feel of UI components
- miscellaneous visuals / The difference between a layout and the look and feel of UI components
- overlay and shadow / The difference between a layout and the look and feel of UI components
- themes, based on Google Material Design language
- ThemeService Bean
- extending / Extending the ThemeService Bean
- ThemeSwitcher
- about / Why we need to create an app
- ThemeSwitcher class
- new theme, adding / Adding the new theme to the ThemeSwitcher class
- ThemeSwitcher component
- third-party theme converters
- about / Third-party theme converters
- Tomcat / Creating a NetBeans Maven JSF project
- TomEE / Creating a NetBeans Maven JSF project
U
- unpackaged theme
- using / Using your unpackaged theme and applying it to your application
- applying, to application / Using your unpackaged theme and applying it to your application
W
- WAI
- for good web design / Introduction of WAI for good web design
- about / Introduction of WAI for good web design
- guidelines / Introduction of WAI for good web design
- advantages / Introduction of WAI for good web design
- WebSocket
- about / The PrimeFaces library
- widgets