SlideShare a Scribd company logo
Input inplace
Group members:
Samia
khlood
Tayyaba
haqsar
Anum
adil
Introduction
 Inplace provides easy inplace editing and
inline content display.
 Inplace consists of two members
1. Display element is the initial clickable
label
2. Inline element is the hidden content
that is displayed when display element is
toggled.
Attributes
Name Default Type Description
id null String Unique identifier of the component
rendered true Boolean
Boolean value to specify the rendering of the
component, when set to false component will not be
rendered.
binding null Object
An el expression that maps to a server side
UIComponent instance in a backing bean
label null String Label to be shown in display mode.
emptyLabel null String
Label to be shown in display mode when value is
empty.
Cont.
effect fade String
Effect to be used
when toggling.
effectSpeed normal String
Speed of the
effect.
disabled false Boolean
Prevents hidden
content to be
shown.
style null String
Inline style of the
main container
element.
styleClass null String
Style class of the
main container
element.
Name Default Type Description
Cont.
Name Default Type Description
editor false Boolean
Specifies the editor
mode.
saveLabel Save String
Tooltip text of save
button in editor
mode.
cancelLabel Cancel String
Tooltip text of
cancel button in
editor mode.
event click String
Name of the client
side event to
display inline
content.
Syntax
 The inline component needs to be a child of inplace.
 <p:inplace>
<h:inputText value="Edit me" />
</p:inplace>
Custom Labels
 By default inplace displays its first childs value as the label, you
can customize it via the label attribute.
 <h:outputText value="Select One:" />
<p:inplace label="Cities">
<h:selectOneMenu>
<f:selectItem itemLabel="Istanbul"
itemValue="Istanbul" />
<f:selectItem itemLabel="Ankara"
itemValue="Ankara" />
</h:selectOneMenu>
</p:inplace>
Facets
 For advanced customization , output and input facets are
provided.
 <p:inplace id="checkboxInplace">
<f:facet name="output"> Yes or No
</f:facet>
<f:facet name="input">
<h:selectBooleanCheckbox /> </f:facet>
</p:inplace>
Effects
 Default effect is fade and other possible effect is slide , also
effect speed can be tuned with
values slow , normal and fast.
 <p:inplace
label="Show Image"
effect="slide"
effectSpeed="fast">
<p:graphicImage
value="/images/nature1.jpg" />
</p:inplace>
Editor
 Inplace editing is enabled via editor option.
public class InplaceBean
{
private String text;
//getter-setter
}
Cont.
 <p:inplace editor="true">
<h:inputText
value="#{inplaceBean.text}" />
</p:inplace>
 save and cancel are two provided ajax behaviors events.
Cont.
 public class InplaceBean
{
private String text;
public void handleSave()
{
//add faces message with update text value
}
//getter-setter
}
Cont.
 <p:inplace editor="true">
<p:ajax event="save"
listener="#{inplaceBean.handleSave}" update="msgs"
/>
<h:inputText value="#{inplaceBean.text}" />
</p:inplace>
<p:growl id="msgs" />
Client Side API
Method Params Return Type Description
show() - void
Shows content and hides
display element.
hide() - void
Shows display element
and hides content.
toggle() - void
Toggles visibility of
between content and
display element.
save() - void
Triggers an ajax request
to process inplace input.
cancel() - void
Triggers an ajax request
to revert inplace input.
No questions please !!
Esd input inplace

More Related Content

What's hot

Abapoleautomation
AbapoleautomationAbapoleautomation
Abapoleautomation
techie_govind
 
Print function in PHP
Print function in PHPPrint function in PHP
Print function in PHP
Vineet Kumar Saini
 
05 html-forms
05 html-forms05 html-forms
05 html-forms
Palakshya
 
Html forms
Html formsHtml forms
Forms
FormsForms
Modular Angular JS
Modular Angular JSModular Angular JS
Modular Angular JS
Dhyego Fernando
 
Form Validation
Form ValidationForm Validation
Form Validation
Graeme Smith
 
Font dialog &amp; link label
Font dialog &amp; link labelFont dialog &amp; link label
Font dialog &amp; link label
chauhankapil
 
html forms
html formshtml forms
html forms
ikram niaz
 
Introduction to HAML
Introduction to HAMLIntroduction to HAML
Introduction to HAML
Zohar Arad
 
PHP Form Validation Technique
PHP Form Validation TechniquePHP Form Validation Technique
PHP Form Validation Technique
Morshedul Arefin
 
Php forms and validations by naveen kumar veligeti
Php forms and validations by naveen kumar veligetiPhp forms and validations by naveen kumar veligeti
Php forms and validations by naveen kumar veligeti
Naveen Kumar Veligeti
 
PHP - Introduction to PHP Forms
PHP - Introduction to PHP FormsPHP - Introduction to PHP Forms
PHP - Introduction to PHP Forms
Vibrant Technologies & Computers
 
6 global library function provided by open cart
6 global library function provided by open cart6 global library function provided by open cart
6 global library function provided by open cart
Self
 
HTML::FormHandler
HTML::FormHandlerHTML::FormHandler
HTML::FormHandler
bbeeley
 
Actions & Filters In WordPress
Actions & Filters In WordPressActions & Filters In WordPress
Actions & Filters In WordPress
Konstantin Obenland
 

What's hot (16)

Abapoleautomation
AbapoleautomationAbapoleautomation
Abapoleautomation
 
Print function in PHP
Print function in PHPPrint function in PHP
Print function in PHP
 
05 html-forms
05 html-forms05 html-forms
05 html-forms
 
Html forms
Html formsHtml forms
Html forms
 
Forms
FormsForms
Forms
 
Modular Angular JS
Modular Angular JSModular Angular JS
Modular Angular JS
 
Form Validation
Form ValidationForm Validation
Form Validation
 
Font dialog &amp; link label
Font dialog &amp; link labelFont dialog &amp; link label
Font dialog &amp; link label
 
html forms
html formshtml forms
html forms
 
Introduction to HAML
Introduction to HAMLIntroduction to HAML
Introduction to HAML
 
PHP Form Validation Technique
PHP Form Validation TechniquePHP Form Validation Technique
PHP Form Validation Technique
 
Php forms and validations by naveen kumar veligeti
Php forms and validations by naveen kumar veligetiPhp forms and validations by naveen kumar veligeti
Php forms and validations by naveen kumar veligeti
 
PHP - Introduction to PHP Forms
PHP - Introduction to PHP FormsPHP - Introduction to PHP Forms
PHP - Introduction to PHP Forms
 
6 global library function provided by open cart
6 global library function provided by open cart6 global library function provided by open cart
6 global library function provided by open cart
 
HTML::FormHandler
HTML::FormHandlerHTML::FormHandler
HTML::FormHandler
 
Actions & Filters In WordPress
Actions & Filters In WordPressActions & Filters In WordPress
Actions & Filters In WordPress
 

Similar to Esd input inplace

WPF Controls
WPF ControlsWPF Controls
WPF Controls
Doncho Minkov
 
displaytag
displaytagdisplaytag
displaytag
seleciii44
 
Android Homework for-july-19th-2015
Android Homework for-july-19th-2015Android Homework for-july-19th-2015
Android Homework for-july-19th-2015
Rishi Kumar
 
Creating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off SwitchCreating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off Switch
Russ Weakley
 
Xm lquickref
Xm lquickrefXm lquickref
Xm lquickref
Arduino Aficionado
 
Les10
Les10Les10
Oracle 10g Forms Lesson 10
Oracle 10g Forms Lesson 10Oracle 10g Forms Lesson 10
Oracle 10g Forms Lesson 10
KAMA3
 
Java script basics
Java script basicsJava script basics
Java script basics
Thakur Amit Tomer
 
Gui programming a review - mixed content
Gui programming   a review - mixed contentGui programming   a review - mixed content
Gui programming a review - mixed content
Yogesh Kumar
 
Having fun power apps components HandsOn - Power User Days Belgium 2019
Having fun power apps components HandsOn - Power User Days Belgium 2019Having fun power apps components HandsOn - Power User Days Belgium 2019
Having fun power apps components HandsOn - Power User Days Belgium 2019
Rebekka Aalbers-de Jong
 
Graphic Programming
Graphic ProgrammingGraphic Programming
Graphic Programming
Israel Mendoza Lopez
 
V2vdata
V2vdataV2vdata
V2vdata
Krishna Kiran
 
Fewd week8 slides
Fewd week8 slidesFewd week8 slides
Fewd week8 slides
William Myers
 
GUI programming
GUI programmingGUI programming
GUI programming
Vineeta Garg
 
Web accessibility - WAI-ARIA a small introduction
Web accessibility - WAI-ARIA a small introductionWeb accessibility - WAI-ARIA a small introduction
Web accessibility - WAI-ARIA a small introduction
Geoffroy Baylaender
 
Datatable Y Column
Datatable Y ColumnDatatable Y Column
Datatable Y Column
Aurelio Martín Obando Távara
 
Assignment6~$signment6.docxAssignment6Assignment6.docxAs.docx
Assignment6~$signment6.docxAssignment6Assignment6.docxAs.docxAssignment6~$signment6.docxAssignment6Assignment6.docxAs.docx
Assignment6~$signment6.docxAssignment6Assignment6.docxAs.docx
ssuser562afc1
 
3. applets
3. applets3. applets
3. applets
AnusAhmad
 
How to build testable UIs
How to build testable UIsHow to build testable UIs
How to build testable UIs
Shi Ling Tai
 
CRUD with Dojo
CRUD with DojoCRUD with Dojo
CRUD with Dojo
Eugene Lazutkin
 

Similar to Esd input inplace (20)

WPF Controls
WPF ControlsWPF Controls
WPF Controls
 
displaytag
displaytagdisplaytag
displaytag
 
Android Homework for-july-19th-2015
Android Homework for-july-19th-2015Android Homework for-july-19th-2015
Android Homework for-july-19th-2015
 
Creating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off SwitchCreating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off Switch
 
Xm lquickref
Xm lquickrefXm lquickref
Xm lquickref
 
Les10
Les10Les10
Les10
 
Oracle 10g Forms Lesson 10
Oracle 10g Forms Lesson 10Oracle 10g Forms Lesson 10
Oracle 10g Forms Lesson 10
 
Java script basics
Java script basicsJava script basics
Java script basics
 
Gui programming a review - mixed content
Gui programming   a review - mixed contentGui programming   a review - mixed content
Gui programming a review - mixed content
 
Having fun power apps components HandsOn - Power User Days Belgium 2019
Having fun power apps components HandsOn - Power User Days Belgium 2019Having fun power apps components HandsOn - Power User Days Belgium 2019
Having fun power apps components HandsOn - Power User Days Belgium 2019
 
Graphic Programming
Graphic ProgrammingGraphic Programming
Graphic Programming
 
V2vdata
V2vdataV2vdata
V2vdata
 
Fewd week8 slides
Fewd week8 slidesFewd week8 slides
Fewd week8 slides
 
GUI programming
GUI programmingGUI programming
GUI programming
 
Web accessibility - WAI-ARIA a small introduction
Web accessibility - WAI-ARIA a small introductionWeb accessibility - WAI-ARIA a small introduction
Web accessibility - WAI-ARIA a small introduction
 
Datatable Y Column
Datatable Y ColumnDatatable Y Column
Datatable Y Column
 
Assignment6~$signment6.docxAssignment6Assignment6.docxAs.docx
Assignment6~$signment6.docxAssignment6Assignment6.docxAs.docxAssignment6~$signment6.docxAssignment6Assignment6.docxAs.docx
Assignment6~$signment6.docxAssignment6Assignment6.docxAs.docx
 
3. applets
3. applets3. applets
3. applets
 
How to build testable UIs
How to build testable UIsHow to build testable UIs
How to build testable UIs
 
CRUD with Dojo
CRUD with DojoCRUD with Dojo
CRUD with Dojo
 

Recently uploaded

A Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdfA Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdf
Jean Carlos Nunes Paixão
 
Hindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdfHindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdf
Dr. Mulla Adam Ali
 
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
RitikBhardwaj56
 
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Dr. Vinod Kumar Kanvaria
 
How to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold MethodHow to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold Method
Celine George
 
clinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdfclinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdf
Priyankaranawat4
 
MARY JANE WILSON, A “BOA MÃE” .
MARY JANE WILSON, A “BOA MÃE”           .MARY JANE WILSON, A “BOA MÃE”           .
MARY JANE WILSON, A “BOA MÃE” .
Colégio Santa Teresinha
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
Peter Windle
 
The History of Stoke Newington Street Names
The History of Stoke Newington Street NamesThe History of Stoke Newington Street Names
The History of Stoke Newington Street Names
History of Stoke Newington
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
WaniBasim
 
How to Add Chatter in the odoo 17 ERP Module
How to Add Chatter in the odoo 17 ERP ModuleHow to Add Chatter in the odoo 17 ERP Module
How to Add Chatter in the odoo 17 ERP Module
Celine George
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
PECB
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
Nguyen Thanh Tu Collection
 
Digital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments UnitDigital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments Unit
chanes7
 
A Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptxA Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptx
thanhdowork
 
How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17
Celine George
 
Lapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdfLapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdf
Jean Carlos Nunes Paixão
 
Smart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICTSmart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICT
simonomuemu
 
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptxC1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
mulvey2
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
camakaiclarkmusic
 

Recently uploaded (20)

A Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdfA Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdf
 
Hindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdfHindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdf
 
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
 
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
 
How to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold MethodHow to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold Method
 
clinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdfclinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdf
 
MARY JANE WILSON, A “BOA MÃE” .
MARY JANE WILSON, A “BOA MÃE”           .MARY JANE WILSON, A “BOA MÃE”           .
MARY JANE WILSON, A “BOA MÃE” .
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
 
The History of Stoke Newington Street Names
The History of Stoke Newington Street NamesThe History of Stoke Newington Street Names
The History of Stoke Newington Street Names
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
 
How to Add Chatter in the odoo 17 ERP Module
How to Add Chatter in the odoo 17 ERP ModuleHow to Add Chatter in the odoo 17 ERP Module
How to Add Chatter in the odoo 17 ERP Module
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
 
Digital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments UnitDigital Artifact 1 - 10VCD Environments Unit
Digital Artifact 1 - 10VCD Environments Unit
 
A Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptxA Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptx
 
How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17
 
Lapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdfLapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdf
 
Smart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICTSmart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICT
 
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptxC1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
 

Esd input inplace

  • 3. Introduction  Inplace provides easy inplace editing and inline content display.  Inplace consists of two members 1. Display element is the initial clickable label 2. Inline element is the hidden content that is displayed when display element is toggled.
  • 4. Attributes Name Default Type Description id null String Unique identifier of the component rendered true Boolean Boolean value to specify the rendering of the component, when set to false component will not be rendered. binding null Object An el expression that maps to a server side UIComponent instance in a backing bean label null String Label to be shown in display mode. emptyLabel null String Label to be shown in display mode when value is empty.
  • 5. Cont. effect fade String Effect to be used when toggling. effectSpeed normal String Speed of the effect. disabled false Boolean Prevents hidden content to be shown. style null String Inline style of the main container element. styleClass null String Style class of the main container element. Name Default Type Description
  • 6. Cont. Name Default Type Description editor false Boolean Specifies the editor mode. saveLabel Save String Tooltip text of save button in editor mode. cancelLabel Cancel String Tooltip text of cancel button in editor mode. event click String Name of the client side event to display inline content.
  • 7. Syntax  The inline component needs to be a child of inplace.  <p:inplace> <h:inputText value="Edit me" /> </p:inplace>
  • 8. Custom Labels  By default inplace displays its first childs value as the label, you can customize it via the label attribute.  <h:outputText value="Select One:" /> <p:inplace label="Cities"> <h:selectOneMenu> <f:selectItem itemLabel="Istanbul" itemValue="Istanbul" /> <f:selectItem itemLabel="Ankara" itemValue="Ankara" /> </h:selectOneMenu> </p:inplace>
  • 9. Facets  For advanced customization , output and input facets are provided.  <p:inplace id="checkboxInplace"> <f:facet name="output"> Yes or No </f:facet> <f:facet name="input"> <h:selectBooleanCheckbox /> </f:facet> </p:inplace>
  • 10. Effects  Default effect is fade and other possible effect is slide , also effect speed can be tuned with values slow , normal and fast.  <p:inplace label="Show Image" effect="slide" effectSpeed="fast"> <p:graphicImage value="/images/nature1.jpg" /> </p:inplace>
  • 11. Editor  Inplace editing is enabled via editor option. public class InplaceBean { private String text; //getter-setter }
  • 12. Cont.  <p:inplace editor="true"> <h:inputText value="#{inplaceBean.text}" /> </p:inplace>  save and cancel are two provided ajax behaviors events.
  • 13. Cont.  public class InplaceBean { private String text; public void handleSave() { //add faces message with update text value } //getter-setter }
  • 14. Cont.  <p:inplace editor="true"> <p:ajax event="save" listener="#{inplaceBean.handleSave}" update="msgs" /> <h:inputText value="#{inplaceBean.text}" /> </p:inplace> <p:growl id="msgs" />
  • 15. Client Side API Method Params Return Type Description show() - void Shows content and hides display element. hide() - void Shows display element and hides content. toggle() - void Toggles visibility of between content and display element. save() - void Triggers an ajax request to process inplace input. cancel() - void Triggers an ajax request to revert inplace input.