最新章節(jié)
- Index
- Summary
- Third-party theme converters
- A brief coverage of different premium themes and layouts features
- Brand new themes based on Google Material Design language
- Using CSS Less support to customize CSS styles easily
品牌:中圖公司
上架時間:2021-07-09 18:36:24
出版社:Packt Publishing
本書數(shù)字版權(quán)由中圖公司提供,并由其授權(quán)上海閱文信息技術(shù)有限公司制作發(fā)行
- Index 更新時間:2021-07-09 21:12:44
- Summary
- Third-party theme converters
- A brief coverage of different premium themes and layouts features
- Brand new themes based on Google Material Design language
- Using CSS Less support to customize CSS styles easily
- Setting up and installing premium themes
- Introducing premium themes and layouts
- Chapter 11. Premium Themes and Layouts and Third-party Converter Tools
- Summary
- Miscellaneous best practices
- Feedback from potential users
- Busy UI versus data-dominated UI
- Considerations for mobile applications
- Preview the theme styles before going to use
- Override specific component CSS styles
- Override PrimeFaces CSS classes
- Going beyond the standard PrimeFaces theme
- Some important PrimeFaces CSS classes
- Components you will be using
- Functions per page
- Rich Internet applications versus desktop applications
- Fonts make the text stand out
- Colors icon sets background and foreground
- Introduction of WAI for good web design
- Chapter 10. Theme Design Best Practices
- Summary
- Creating CSS files that provide variations on a theme
- Packaging your custom theme
- Do the changes same way for PrimeFaces Mobile
- See what you do like in the showcase and make everything look that way
- See what you don’t like in the showcase and apply the changes
- The PrimeFaces showcase
- Chapter 9. The Final Touches
- Summary
- Applying customized mobile themes to PrimeFaces Mobile
- Creating customized mobile themes – the power of jQuery Mobile ThemeRoller
- The differences between PrimeFaces Mobile and normal PrimeFaces
- Introducing PrimeFaces Mobile for JSF-based applications
- Restrictions of real estate mobile device screens are simply smaller
- The demand of creating a powerful mobile website
- Chapter 8. Mobile Web Apps
- Summary
- Executing a client-side JavaScript function from the server-side – the power of AJAX and RequestContext
- Creating a JavaScript function to apply CSS rules to a specific HTML element
- Creating a CSS rule to set the background color in an HTML element
- A lack of skinning support for date and event selection
- Introducing the schedule component
- Chapter 7. Dynamic Changes – a Working Example
- Summary
- The Font Awesome icons as an alternative to the ThemeRoller icons
- Using custom icons in a menu component
- Using custom icons in the commandButton components
- Adding the new icons to your theme
- Creating a set of icons of our own
- Introducing the standard theme icon set
- Chapter 6. Icons
- Summary
- Changing the menu background
- Changing the shadow effects
- Changing the rounding rules
- Changing the highlighted active and selected CSS rules
- Changing the foreground and background colors
- Changing the initial font and font size in your theme
- Using your unpackaged theme and applying it to your application
- Creating a new JSF page
- Chapter 5. Let's Get Creative
- Summary
- Turning a standard component into a PrimeFaces one
- Adding a PrimeFaces inputText component to the page and comparing these two elements
- Examining the UI element using the browser developer tool
- Creating a new JSF page and adding a standard inputText component
- Chapter 4. A PrimeFaces inputText Component in Detail
- Summary
- Adding the new theme to the ThemeSwitcher class
- Packaging and adding our custom theme to the project
- Comparing our theme to a PrimeFaces one
- Creating a theme and downloading it
- Changing the initial font and font size
- How PrimeFaces uses the jQuery UI CSS rules
- The difference between a layout and the look and feel of UI components
- jQuery UI and its standard CSS rules
- Chapter 3. jQuery UI ThemeRoller and the Anatomy of a Theme
- Summary
- Adding buttons that change the theme without using ThemeSwitcher
- Creating a Mini Showcase page
- Creating a Facelets Template
- Extending the ThemeService Bean
- Creating the CurrentTheme Bean
- The PrimeFaces ThemeSwitcher component
- Adding additional PrimeFaces themes
- The difference between standard JSF and PrimeFaces components
- Chapter 2. Introducing PrimeFaces Themes
- Summary
- Running the project
- Building the project
- Adding the PrimeFaces library and related dependencies to our project
- Creating a NetBeans Maven JSF project
- The PrimeFaces library
- Why we need to create an app
- Chapter 1. To Skin an App
- Customer support
- Reader feedback
- Conventions
- Who this book is for
- What you need for this book
- What this book covers
- Preface
- Support files eBooks discount offers and more
- www.PacktPub.com
- About the Reviewers
- About the Authors
- Credits
- PrimeFaces Theme Development
- coverpage
- coverpage
- PrimeFaces Theme Development
- Credits
- About the Authors
- About the Reviewers
- www.PacktPub.com
- Support files eBooks discount offers and more
- Preface
- What this book covers
- What you need for this book
- Who this book is for
- Conventions
- Reader feedback
- Customer support
- Chapter 1. To Skin an App
- Why we need to create an app
- The PrimeFaces library
- Creating a NetBeans Maven JSF project
- Adding the PrimeFaces library and related dependencies to our project
- Building the project
- Running the project
- Summary
- Chapter 2. Introducing PrimeFaces Themes
- The difference between standard JSF and PrimeFaces components
- Adding additional PrimeFaces themes
- The PrimeFaces ThemeSwitcher component
- Creating the CurrentTheme Bean
- Extending the ThemeService Bean
- Creating a Facelets Template
- Creating a Mini Showcase page
- Adding buttons that change the theme without using ThemeSwitcher
- Summary
- Chapter 3. jQuery UI ThemeRoller and the Anatomy of a Theme
- jQuery UI and its standard CSS rules
- The difference between a layout and the look and feel of UI components
- How PrimeFaces uses the jQuery UI CSS rules
- Changing the initial font and font size
- Creating a theme and downloading it
- Comparing our theme to a PrimeFaces one
- Packaging and adding our custom theme to the project
- Adding the new theme to the ThemeSwitcher class
- Summary
- Chapter 4. A PrimeFaces inputText Component in Detail
- Creating a new JSF page and adding a standard inputText component
- Examining the UI element using the browser developer tool
- Adding a PrimeFaces inputText component to the page and comparing these two elements
- Turning a standard component into a PrimeFaces one
- Summary
- Chapter 5. Let's Get Creative
- Creating a new JSF page
- Using your unpackaged theme and applying it to your application
- Changing the initial font and font size in your theme
- Changing the foreground and background colors
- Changing the highlighted active and selected CSS rules
- Changing the rounding rules
- Changing the shadow effects
- Changing the menu background
- Summary
- Chapter 6. Icons
- Introducing the standard theme icon set
- Creating a set of icons of our own
- Adding the new icons to your theme
- Using custom icons in the commandButton components
- Using custom icons in a menu component
- The Font Awesome icons as an alternative to the ThemeRoller icons
- Summary
- Chapter 7. Dynamic Changes – a Working Example
- Introducing the schedule component
- A lack of skinning support for date and event selection
- Creating a CSS rule to set the background color in an HTML element
- Creating a JavaScript function to apply CSS rules to a specific HTML element
- Executing a client-side JavaScript function from the server-side – the power of AJAX and RequestContext
- Summary
- Chapter 8. Mobile Web Apps
- The demand of creating a powerful mobile website
- Restrictions of real estate mobile device screens are simply smaller
- Introducing PrimeFaces Mobile for JSF-based applications
- The differences between PrimeFaces Mobile and normal PrimeFaces
- Creating customized mobile themes – the power of jQuery Mobile ThemeRoller
- Applying customized mobile themes to PrimeFaces Mobile
- Summary
- Chapter 9. The Final Touches
- The PrimeFaces showcase
- See what you don’t like in the showcase and apply the changes
- See what you do like in the showcase and make everything look that way
- Do the changes same way for PrimeFaces Mobile
- Packaging your custom theme
- Creating CSS files that provide variations on a theme
- Summary
- Chapter 10. Theme Design Best Practices
- Introduction of WAI for good web design
- Colors icon sets background and foreground
- Fonts make the text stand out
- Rich Internet applications versus desktop applications
- Functions per page
- Components you will be using
- Some important PrimeFaces CSS classes
- Going beyond the standard PrimeFaces theme
- Override PrimeFaces CSS classes
- Override specific component CSS styles
- Preview the theme styles before going to use
- Considerations for mobile applications
- Busy UI versus data-dominated UI
- Feedback from potential users
- Miscellaneous best practices
- Summary
- Chapter 11. Premium Themes and Layouts and Third-party Converter Tools
- Introducing premium themes and layouts
- Setting up and installing premium themes
- Using CSS Less support to customize CSS styles easily
- Brand new themes based on Google Material Design language
- A brief coverage of different premium themes and layouts features
- Third-party theme converters
- Summary
- Index 更新時間:2021-07-09 21:12:44