PrimeFaces Signature

It is used to draw a signature as an input. It provides a canvas where we can draw signature. It provides various options such as background color, foreground color, thickness for customization. It can be used in touch enabled devices. In JSF application, we can create it by using the <p:signature> component. It also provides various attributes that are tabled below.

Signature Attributes

Attribute	Default value	Type	Description
id	null	String	It is used to unique identifier of the component.
rendered	true	Boolean	It is used to specify the rendering of the component.
value	null	Object	It is used to set value of the component.
required	false	Boolean	It is used to mark the component as required.
validator	null	MethodExpr	It is used to set validator.
requiredMessage	null	String	It is used to set message to be displayed when required field validation fails.
widgetVar	null	String	It is a name of the client side widget.
backgroundColor	#ffffff	String	It is used to set background color.
color	#000000	String	It is used to set foreground color.
thickness	2	Integer	It is used to set thickness of the lines.
style	null	String	It is used to set inline CSS of the component.
readonly	false	Boolean	It is used to make component readonly.
guideline	false	Boolean	It is used to set a guildeline.
guidelineColor	#a0a0a0	String	It is used to set color of the guideline.
guidelineOffset	25	String	It is used to set offset of guideline from bottom.
guidelineIndent	10	Boolean	It is used to set guide line indent from the edges.
onchange	null	String	It is used to execute script when signature changed.
base65Value	null	String	Write-only value used to pass the value in base64 to backing bean.

Example

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

JSF File

// signature.xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml"
xmlns:h="https://xmlns.jcp.org/jsf/html"
xmlns:p="https://primefaces.org/ui"
>
<h:head>
<title>Signature</title>
</h:head>
<h:body>
<h:form>
<p:growl autoUpdate="true" />
<p:signature style="width:400px;height:200px" widgetVar="sig" value="#{signatureDemo.signature}" required="true" label="Signature" guideline="true"/>
<div style="margin:20px 0">
<p:commandButton value="Submit" icon="ui-icon-check"/>
<p:commandButton value="Clear" icon="ui-icon-close" type="button" onclick="PF('sig').clear()"/>
</div>
</h:form>
</h:body>
</html>

ManagedBean

// SignatureDemo.java

package com.javatpoint;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class SignatureDemo {
private String signature;
public String getSignature() {
return signature;
}
public void setSignature(String signature) {
this.signature = signature;
}
}

Output:

Next TopicPrimeFaces Spinner

← prev next →

For Videos Join Our Youtube Channel: Join Now

Feedback

Send your Feedback to [email protected]

Help Others, Please Share

Learn Latest Tutorials

Splunk

SPSS

Swagger

Transact-SQL

Tumblr

ReactJS

Regex

Reinforcement Learning

R Programming

RxJS

React Native

Python Design Patterns

Python Pillow

Python Turtle

Keras

Preparation

Aptitude

Reasoning

Verbal Ability

Interview Questions

Company Questions

Trending Technologies

Artificial Intelligence

AWS

Selenium

Cloud Computing

Hadoop

ReactJS

Data Science

Angular 7

Blockchain

Git

Machine Learning

DevOps

B.Tech / MCA

DBMS

Data Structures

DAA

Operating System

Computer Network

Compiler Design

Computer Organization

Discrete Mathematics

Ethical Hacking

Computer Graphics

Software Engineering

Web Technology

Cyber Security

Automata

C Programming

C++

Java

.Net

Python

Programs

Control System

Data Mining

Data Warehouse

Javatpoint Services

JavaTpoint offers too many high quality services. Mail us on [email protected], to get more information about given services.

Website Designing
Website Development
Java Development
PHP Development
WordPress
Graphic Designing
Logo
Digital Marketing
On Page and Off Page SEO
PPC
Content Development
Corporate Training
Classroom and Online Training
Data Entry

Training For College Campus

JavaTpoint offers college campus training on Core Java, Advance Java, .Net, Android, Hadoop, PHP, Web Technology and Python. Please mail your requirement at [email protected]
Duration: 1 week to 2 week

^{Like/Subscribe us for latest updates or newsletter}