Question
Publicis Sapient
IN
Last activity: 10 Jul 2025 7:29 EDT
How to make fields editable in tabs in pega Constellation react SDK
I am trying to create a tabs in partial view and i am using react SDK provided by pega OOTB. i am seeing all the fields coming in tabs are always read only mode. I want to those fields in editable format user can switch tabs and enter the data and submit all tabs at once. How can i make fields editable.
HCA Healthcare
US
To make fields editable in tabs using Pega Constellation React SDK, ensure the views used in each tab are editable and not read-only. You can do this by using editable PartialView components in each tab, like <PartialView name="Tab1View" editable />. In App Studio, make sure the views used in tabs are created with an editable template, not a display-only one. Also, check if any read-only conditions or when rules are applied to the fields, which might make them non-editable. All the tabs should be inside a perform-type view or harness, not a review one. When the user enters data in each tab, all the data will be submitted together when the main form is submitted. Avoid using multiple assignments inside the tabs and keep everything in one case context. This way, users can switch between tabs, enter data, and submit all information at once
Publicis Sapient
IN
I am still seeing the read only view. In Pega ootb portal i am seeing it as editable but in react sdk i only can see read only view.
Attaching the screenshot for your reference.