Design Mode for constellation apps are deliberately made invisible. Why?
In the App studio header rule to display the "Toggle design mode" button, section Rule: pzComposerBarLeft , design mode button is made invisible for constellation applications (When rule - pyIsConstellationUI).
Due to this, Design mode option is not present in app studio.
Is there a reason for restricting design mode for constellation apps?
Or please correct me & help on how to achieve design mode to configure Actions for constellation apps!
wipro
IN
Hi @Archana,
The reason for restricting the design mode for Constellation applications is that the Constellation architecture focuses on prescribed common patterns and generating a consistent UI experience. In this way, developers can design and prototype applications more efficiently and with less effort. However, you can still configure actions for Constellation applications in App Studio. To do so, you can follow these steps:
1. In the header of App Studio, click **Preview application** to launch the User portal. 2. In the header of the User portal, click the **Toggle design mode** icon. 3. Select the section for which you want to configure actions. 4. Click **Edit this section**. 5. On the Edit this section tab, next to the element for which you want to configure actions, click the **Edit** icon. 6. In the Actions field, configure the actions as per your business requirements. 7. Click **Apply** to save your changes. 8. Click **Exit design mode**.
Regards,
Bhargav
Updated: 15 May 2023 3:21 EDT
SoftServe
DE
Thank you for the explanation and steps. However this work only for non-constellation applications.
For Constellation applications, the Design mode button is not visible due to the visibility condition set up in the section, "!pyIsConstellationUI" that hides this "toggle design mode" button.
Updated: 16 May 2023 6:27 EDT
SoftServe
DE
Looks like the "toggle design mode" being invisible is a feature limitation in Constellation apps.
It is listed with few other changes in the page - Feature changes and limitations in Constellation,
| Constellation applications do not include the Design button and do not support live editing. |
We cannot configure field level action-sets in constellation applications, neither add custom buttons. Reference: https://support.pega.com/question/cosmos-react-ui-adding-button-or-link-form