PrimeFaces Extensions Showcase

LightSwitch

LightSwitch JavaScript API.

Source

XHTML page


<p><p:toggleSwitch onchange="PF('lightSwitch').toggle()"/></p>

    <p><p:button value="Dark" onclick="PF('lightSwitch').dark();return false"/></p>

    <p><p:button value="Light" onclick="PF('lightSwitch').light();return false"/></p>

Components and more

Use Cases

Documentation pe:lightSwitch

Attributes (move mouse over the names to see data types)

Name	Description
id	Unique 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.
binding	An el expression referring to a server side UIComponent instance in a backing bean.
widgetVar	Name of the client side widget.
selected	Selected theme. Should point to a value in a session scoped bean which you should also use as the context param 'primefaces.THEME'.
light	Light theme. Default 'saga'.
dark	Dark theme. Default 'arya'.
automatic	Flag indicating to switch to the theme based on the OS setting automatically. Default true.

Events (move mouse over the names to see classes)

Name	Description
switch	fires on switch

PrimeFaces: 14.0.5,

PrimeFaces Extensions: 14.0.5,

JSF: Apache MyFaces JSF-2.3 Core Impl 2.3.10,

Server: jetty/9.4.36.v20210114,

Build time: 2024-09-10 21:01