PrimeFaces Theme Development

Packt Publishing Limited
  • 1. Auflage
  • |
  • erschienen am 3. November 2015
  • |
  • 224 Seiten
E-Book | ePUB mit Adobe DRM | Systemvoraussetzungen
978-1-78398-869-3 (ISBN)
Create, package, and customize stunning themes using PrimeFacesAbout This BookBuild PrimeFaces themes that meet the industry standardsCustomize your themes for mobile web applications with PrimeFaces MobileA precise, example-oriented guide to help you create interesting themes using the PrimeFaces toolsWho This Book Is ForIf you are a Web Designer who wants to create and modify PrimeFaces themes then this book is for you. Basic knowledge of JSF, CSS, and HTML is assumed.What You Will LearnUse Maven to create JSF ProjectsCreate a custom theme using JQuery UI toolsPackage your theme for distribution and use your PrimeFaces-based web applications as drop in librariesDevelop additional dynamic look and feel elements that themes do not already supplyApply look and feel elements dynamically to views without causing page refreshesReduce code repetition by applying page templates to your JSF projectIn DetailDeveloping stunning themes for web applications has never been easier! PrimeFaces delivers a powerful set of features that enables JSF developers to create and customize awesome themes on the web. It is very easy to use because it comes as a single JAR file and requires no mandatory XML configuration. With more than 30 out-of-the-box themes, jQuery integration, a mobile UI toolkit, Ajax Push technology, and much more, PrimeFaces takes JSF application development to a whole new level!This book is a hands-on example-rich guide to creating and customizing PrimeFaces themes using available tools.Beginning with creating a JSF project and integrating the PrimeFaces library, this book will introduce you to the features of theme components, how these are structured, and how PrimeFaces uses JQuery UI to apply a theme to your application. You will learn to examine and change the CSS rules and get creative by setting standard icons and adding new icons to them. You will use a combination of JavaScript and CSS to enhance your application with help of scheduler component and go on to adapt and package your custom theme so that it is compatible with the Resource Manager.Finally, you will explore PrimeFaces mobile apps, ensuring themes are compatible with your mobile applications best practices for theme design.Style and approachThis book is a concise, hands-on guide to developing PrimeFaces themes, working from the ground up with examples in each topic implemented in a web application. You will be encouraged to explore areas of your own interest without the requirement to stick to the letter of the chapter.
  • Englisch
  • Birmingham
  • |
  • Großbritannien
978-1-78398-869-3 (9781783988693)
178398869X (178398869X)
weitere Ausgaben werden ermittelt
Andy Bailey is a middle-aged Java enthusiast. He has been involved in Java development since the humble beginnings of Java 1.0.1 in 1995. He thoroughly enjoys challenges even more so now than ever.
He has had a varied career, including extended employment with the UK Ministry of Defence, youth outreach programs as a volunteer, and a volunteer paramedic.
After gaining a degree in computer science with artificial intelligence from the University of Sussex, he immigrated to Germany in 1996. He learned how to speak and write in German while being involved in projects as diverse as 24/7 multimedia live streaming and buffering free multimedia playback to design, develop, and build systems to control, monitor, and analyze data collected from gaming machines in a widely distributed environment.
This is his first publication. However, he has helped review other publications, including PrimeFaces Cookbook. Sudheer Jonna was born in Andhra Pradesh, India, in 1987. Currently, he works as a senior software engineer in Chennai, India. He completed his master's degree in computer applications from JNTU. In the past 4-5 years, he worked on providing architectural designs and building various web applications based on JSF, Struts, Spring, jQuery, JPA, EJB, and various Java EE and frontend technologies.
He is a JSF and PrimeFaces expert. He has been working with the PrimeFaces component library since 2011. He worked as a committer and project member of PrimeFaces and PrimeFaces Extensions open source projects. He has been a well-known, recognized member of the PrimeFaces community for the past few years. He is also the author of Learning PrimeFaces Extensions Development and PrimeFaces BluePrints books, Packt Publishing. He worked as reviewer for PrimeFaces Beginner's Guide and community reviewer for many other books.
Besides working with the aforementioned technologies, he also writes technical articles, provides online training, designs and develops web application architecture, writes books and reviews, and provides suggestions through online forums and blogs. He is interested in the research and development of various popular Java EE frameworks and many other latest technologies.
He shares his knowledge through GitHub ( He recently started blogging ( You can follow him on Twitter (@SudheerJonna) or contact him on Gmail at
  • Cover
  • Preface
  • Copyright
  • Credits
  • About the Authors
  • About the Reviewers
  • Table of Contents
  • 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 FontAwesome icons as an alternative to the ThemeRoller icons
  • Summary
  • Chapter 8: 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 9: 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 10: 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 11: 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

Dateiformat: EPUB
Kopierschutz: Adobe-DRM (Digital Rights Management)


Computer (Windows; MacOS X; Linux): Installieren Sie bereits vor dem Download die kostenlose Software Adobe Digital Editions (siehe E-Book Hilfe).

Tablet/Smartphone (Android; iOS): Installieren Sie bereits vor dem Download die kostenlose App Adobe Digital Editions (siehe E-Book Hilfe).

E-Book-Reader: Bookeen, Kobo, Pocketbook, Sony, Tolino u.v.a.m. (nicht Kindle)

Das Dateiformat EPUB ist sehr gut für Romane und Sachbücher geeignet - also für "fließenden" Text ohne komplexes Layout. Bei E-Readern oder Smartphones passt sich der Zeilen- und Seitenumbruch automatisch den kleinen Displays an. Mit Adobe-DRM wird hier ein "harter" Kopierschutz verwendet. Wenn die notwendigen Voraussetzungen nicht vorliegen, können Sie das E-Book leider nicht öffnen. Daher müssen Sie bereits vor dem Download Ihre Lese-Hardware vorbereiten.

Weitere Informationen finden Sie in unserer E-Book Hilfe.

Download (sofort verfügbar)

28,05 €
inkl. 19% MwSt.
Download / Einzel-Lizenz
ePUB mit Adobe DRM
siehe Systemvoraussetzungen
E-Book bestellen

Unsere Web-Seiten verwenden Cookies. Mit der Nutzung dieser Web-Seiten erklären Sie sich damit einverstanden. Mehr Informationen finden Sie in unserem Datenschutzhinweis. Ok