How to change the property value read-only to editable when on click

User Experience
,
1

Hello!,

How can I change the property value read-only to editable, whenever the user click on the property it should change to editable format. After edited the property should again change to read-only(Pega 8.6).

2

@PRASANNAR3769 some question before suggesting anything:

  1. Do I want to see such behavior implemented in my application? I assume this is a customer requirement,
  2. If yes, under which circumstances? Why not having the field editable always?
  3. Any chance it appears to be UX unfriendly? Can we find any other solution?

Having asked these, I can suggest some workaround to do this as I dont know any OOTB mechanism to achieve this requirement.

  • Your field will be ReadOnly/editable based on a flag(EDIT/NOEDIT)
  • Beside your field you can have a link/icon
  • When clicking the icon the flag will be set to EDIT and refresh the section
  • Your field should be editable
  • After changing and leaving the field the flag will be set to NOEDIT and refresh the section
  • Your field should be ReadOnly.

Hope this helps.