PrimeFaces InputSwitch

It is used to take a boolean value as input from the user. It is a button which toggles ON or OFF. We can create it by using <p:inputSwitch> component. It also provides various attributes that are tabled below.

InputSwitch Attributes

Attribute	Default value	Type	Description
onLabel	on	String	It is used to set label for on state.
offLabel	off	String	It is used to set label for off state.
label	null	String	It is used to set label for the component.
disabled	null	String	It is used to disables or enables the switch.
onchange	false	Boolean	It is used to call client script on value change event.
style	null	String	It is used to set inline CSS of the main container.
tabindex	null	String	It specifies the tab order of an element.
showLabels	null	String	It is used to set the visibility of the labels.
onfocus	null	String	It executes when component receives focus.
onblur	null	String	It executes when component loses focus.

Example

Here, in the following example, we are implementing <p:inputSwitch> component. This example contains the following files.

JSF File

// switch.xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Switch</title>
</h:head>
<h:body>
<h:form>
<h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">
<h:outputText value="Set Alarm ON/OFF:" />
<p:inputSwitch value="#{switchDemo.value}" />
</h:panelGrid>
<p:commandButton value="Submit" icon="ui-icon-check" />
</h:form>
</h:body>
</html>

ManagedBean

// SwitchDemo.java

package com.javatpoint;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class Slider {
private int value;
public int getValue() {
return value;
}
public void setValue(int value) {
this.value = value;
}
}

Output: