Add status badge configuration images and update documentation

pegasystems · Feb 10, 2025 · 650ba5e · 650ba5e
1 parent 7ebf694
commit 650ba5e
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 0 deletions.
diff --git a/.storybook/static/StatusBadge_Configuration_1.jpg b/.storybook/static/StatusBadge_Configuration_1.jpg
diff --git a/.storybook/static/StatusBadge_Configuration_2.PNG b/.storybook/static/StatusBadge_Configuration_2.PNG
diff --git a/.storybook/static/StatusBadge_Configuration_3.png b/.storybook/static/StatusBadge_Configuration_3.png
diff --git a/src/components/Pega_Extensions_StatusBadge/Docs.mdx b/src/components/Pega_Extensions_StatusBadge/Docs.mdx
@@ -20,3 +20,16 @@ The value of field will be matched again each variant of the regular expression.
 Constellation has a special handling for the field ID 'pyStatusWork' - to use this component, select a different field (like pyLabel) and set the input property to 'pyStatusWork' instead.
 
 ![Example of using the Status Badget component](StatusBadge_Configuration.png)
+
+If you are using this component in the table, you will need to manually author the view [using the following procedure](https://support.pega.com/discussion/how-add-custom-dx-component-listview-table-constellation-application). This should be done with caution since manually editing the view could introduce upgrade issues.
+Make sure that the property correctly renders as text first in your table and then edit the Json - Do not use @L for the statuses and do not forget to set the input property.
+
+Here is an example of the JSON snippet
+
+![Example of using the Status Badget component](StatusBadge_Configuration_1.jpg)
+
+![Example of using the Status Badget component](StatusBadge_Configuration_2.png)
+
+in order to render the following table:
+
+![Example of using the Status Badget component](StatusBadge_Configuration_3.png)