From 7b418ae3e9a8bc4887b00d3b10baf65c8bc36fac Mon Sep 17 00:00:00 2001
From: MANCHALA YASWANTH <71426465+MYaswanth28@users.noreply.github.com>
Date: Fri, 17 Oct 2025 19:45:13 +0530
Subject: [PATCH 1/4] Create json_formatter.xml

---
 .../json_formatter.xml                        | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 Client-Side Components/UI Macros/JSON Formatter and Viewer/json_formatter.xml

diff --git a/Client-Side Components/UI Macros/JSON Formatter and Viewer/json_formatter.xml b/Client-Side Components/UI Macros/JSON Formatter and Viewer/json_formatter.xml
new file mode 100644
index 0000000000..124a507e27
--- /dev/null
+++ b/Client-Side Components/UI Macros/JSON Formatter and Viewer/json_formatter.xml	
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="jelly:html" xmlns:g2="glide.ui">
+    
+    <g:evaluate var="jvar_field_name" expression="RP.getWindowProperties().get('fieldName')" />
+
+    <button type="button" 
+            onclick="openJsonViewer('${jvar_field_name}');" 
+            title="View and Format JSON" 
+            class="btn btn-default btn-sm">
+        <span class="icon-code"></span> JSON Viewer
+    </button>
+    
+    <script>
+        function openJsonViewer(fieldName) {
+            var jsonValue = g_form.getValue(fieldName);
+            var gm = new GlideModal('json_viewer_ui_page', false); // Replace 'json_viewer_ui_page' with your actual UI Page or Widget ID
+            gm.setTitle('JSON Data Viewer & Formatter for Field: ' + fieldName);
+            gm.setPreference('json_data', jsonValue);
+            gm.setSize(900);
+            gm.render();
+        }
+    </script>
+</j:jelly>

From 3a1fc3bb7239282045570de1750c74676db733a9 Mon Sep 17 00:00:00 2001
From: MANCHALA YASWANTH <71426465+MYaswanth28@users.noreply.github.com>
Date: Fri, 17 Oct 2025 19:46:21 +0530
Subject: [PATCH 2/4] Create README.md

---
 .../UI Macros/JSON Formatter and Viewer/README.md          | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 Client-Side Components/UI Macros/JSON Formatter and Viewer/README.md

diff --git a/Client-Side Components/UI Macros/JSON Formatter and Viewer/README.md b/Client-Side Components/UI Macros/JSON Formatter and Viewer/README.md
new file mode 100644
index 0000000000..5a451c2187
--- /dev/null
+++ b/Client-Side Components/UI Macros/JSON Formatter and Viewer/README.md	
@@ -0,0 +1,7 @@
+This solution provides a significant User Experience (UX) enhancement for fields that store complex data in JSON format (e.g., integration payloads, configuration properties, or setup data). 
+
+Instead of forcing users (developers, administrators) to read or edit raw, unformatted JSON in a plain text area, this macro adds a "JSON Viewer" button next to the field
+
+Name	json_formatter_macro	
+Active	true	
+Type	XML

From df89d3aa9ebf3683db65ff199be5061474b7fa48 Mon Sep 17 00:00:00 2001
From: MANCHALA YASWANTH <71426465+MYaswanth28@users.noreply.github.com>
Date: Fri, 17 Oct 2025 21:03:05 +0530
Subject: [PATCH 3/4] Update README.md

---
 .../UI Macros/JSON Formatter and Viewer/README.md               | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/Client-Side Components/UI Macros/JSON Formatter and Viewer/README.md b/Client-Side Components/UI Macros/JSON Formatter and Viewer/README.md
index 5a451c2187..4ceec5b24a 100644
--- a/Client-Side Components/UI Macros/JSON Formatter and Viewer/README.md	
+++ b/Client-Side Components/UI Macros/JSON Formatter and Viewer/README.md	
@@ -5,3 +5,5 @@ Instead of forcing users (developers, administrators) to read or edit raw, unfor
 Name	json_formatter_macro	
 Active	true	
 Type	XML
+
+Navigate to **System UI > UI** Macros and create a new record named json_formatter_macro

From 3b77f6b79a1ac292edb6cf2719ee34364c035442 Mon Sep 17 00:00:00 2001
From: MANCHALA YASWANTH <71426465+MYaswanth28@users.noreply.github.com>
Date: Fri, 17 Oct 2025 21:07:58 +0530
Subject: [PATCH 4/4] Update README.md

---
 .../UI Macros/JSON Formatter and Viewer/README.md               | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Client-Side Components/UI Macros/JSON Formatter and Viewer/README.md b/Client-Side Components/UI Macros/JSON Formatter and Viewer/README.md
index 4ceec5b24a..a331ad0cd1 100644
--- a/Client-Side Components/UI Macros/JSON Formatter and Viewer/README.md	
+++ b/Client-Side Components/UI Macros/JSON Formatter and Viewer/README.md	
@@ -6,4 +6,4 @@ Name	json_formatter_macro
 Active	true	
 Type	XML
 
-Navigate to **System UI > UI** Macros and create a new record named json_formatter_macro
+Navigate to **System UI > UI** Macros and create a new record named json_formatter_macro , Use XML Attached File as Script