Homepage
Spotlight
Spotlight allows you to restrict input to a particular element by masking all other page content. It allows to block UI elements that are placed out of panel. This component is suitable for situation where user is not able to work with UI components (e.g. menu) before he/she commits changes in panel content.

Imagine situation where you have more forms (areas) in one page. Elements in forms are in readonly mode until you click edit button, and then you can change values and save it. Problem occurs when data in form have influence on other parts of application so it’s necessary to finish editing of data otherwise user is not able to use the application (user can not click to menu, or start editing other area).

There will have to be disabled all dependent parts of application elements during editing data in form, or opened form in MODAL POPUP panel without usage of Spotlight. MODAL POPUP panel solution is acceptable but POPUP in general is not user friendly because content is moved to center and popup panel has title and bordered.
Components and more
Use Cases
Documentation pe:spotlight
Attributes (move mouse over the names to see data types)
Name Description
idUnique identifier of the component in a namingContainer.
rendered Boolean value to specify the rendering of the component, when set to false component will not be rendered.
styleStyle of the main Layout container element. Default value is null.
styleClassStyle class of the main Layout container element. Default value is null.
widgetVarName of the client side widget.
blockedBoolean value to specify the blocked UI out of panel.
PrimeFaces Extensions Showcase - © 2011-2014, PrimeFaces: 5.2, PrimeFaces Extensions: 4.0.0-SNAPSHOT, JSF: mojarra 2.2.8, Server: Apache Tomcat/7.0.54, Build time: 2015-08-22 09:03
Theme
afterdark
afternoon
afterwork
aristo
black-tie
blitzer
bluesky
bootstrap
casablanca
cruze
cupertino
dark-hive
delta
dot-luv
eggplant
excite-bike
flick
glass-x
home
hot-sneaks
humanity
le-frog
midnight
mint-choc
overcast
pepper-grinder
redmond
rocket
sam
smoothness
south-street
start
sunny
swanky-purse
trontastic
ui-darkness
ui-lightness
vader
occured!
Message:
Timestamp:
StackTrace:
Developers
Thomas Andraschko andraschko.thomas@gmail.com
Oleg Varaksin ovaraksin@googlemail.com
Nilesh Namdeo Mali nileshmali86@gmail.com
Mauricio Fenoglio fenoglio.mauricio@gmail.com
Pavol Slaný pavol.slany@gmail.com
Sudheer Jonna sudheer.jonna@gmail.com