From ff781f306c7180e5564974d74e93ddce34df66d3 Mon Sep 17 00:00:00 2001 From: Yelugu Sriharsha <89392618+Sriharsha19@users.noreply.github.com> Date: Sun, 12 Oct 2025 17:34:39 +0530 Subject: [PATCH 1/5] Created UI page --- .../UI page | 37 +++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 Core ServiceNow APIs/GlideModal/Add HTML Input Field in GlideModal Window/UI page diff --git a/Core ServiceNow APIs/GlideModal/Add HTML Input Field in GlideModal Window/UI page b/Core ServiceNow APIs/GlideModal/Add HTML Input Field in GlideModal Window/UI page new file mode 100644 index 0000000000..938614a4ab --- /dev/null +++ b/Core ServiceNow APIs/GlideModal/Add HTML Input Field in GlideModal Window/UI page @@ -0,0 +1,37 @@ + + + + +
+

+ + +
+ + + + +
+
+
+ +
+ + + From 0579cb16d8dda435afd461bd305dedcc036f5535 Mon Sep 17 00:00:00 2001 From: Yelugu Sriharsha <89392618+Sriharsha19@users.noreply.github.com> Date: Sun, 12 Oct 2025 17:35:27 +0530 Subject: [PATCH 2/5] Created UI Action --- .../Add HTML Input Field in GlideModal Window/UI Action | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 Core ServiceNow APIs/GlideModal/Add HTML Input Field in GlideModal Window/UI Action diff --git a/Core ServiceNow APIs/GlideModal/Add HTML Input Field in GlideModal Window/UI Action b/Core ServiceNow APIs/GlideModal/Add HTML Input Field in GlideModal Window/UI Action new file mode 100644 index 0000000000..3bc9466298 --- /dev/null +++ b/Core ServiceNow APIs/GlideModal/Add HTML Input Field in GlideModal Window/UI Action @@ -0,0 +1,7 @@ +function test() +{ +var dialog = new GlideModal('rich_text_modal'); +dialog.setTitle('Rich Text Editor'); +dialog.setSize('500','500'); +dialog.render(); +} From cc1389f59fed12001ba922193a85c3ffbd13a506 Mon Sep 17 00:00:00 2001 From: Yelugu Sriharsha <89392618+Sriharsha19@users.noreply.github.com> Date: Sun, 12 Oct 2025 17:59:33 +0530 Subject: [PATCH 3/5] Created README.md --- Core ServiceNow APIs/GlideModal/README.md | 29 +++++++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 Core ServiceNow APIs/GlideModal/README.md diff --git a/Core ServiceNow APIs/GlideModal/README.md b/Core ServiceNow APIs/GlideModal/README.md new file mode 100644 index 0000000000..4d2cd523e6 --- /dev/null +++ b/Core ServiceNow APIs/GlideModal/README.md @@ -0,0 +1,29 @@ +# Add HTML Input Field in GlideModal Window - ServiceNow + +## Use Case +This snippet demonstrates how to include HTML input fields, including rich text editors, inside a GlideModal window in ServiceNow. + +## Real-Life Example of Use +In ServiceNow ITSM, support agents often need to add detailed notes or updates quickly without losing their workflow context. For instance, when investigating complex incidents, agents can click the "Add Details" button to open a modal with rich text input to document findings, attach formatted comments, or paste troubleshooting steps. This modal dialog prevents navigation away from the incident form, speeding up data entry and improving information capture quality. + +## Why This Use Case is Unique and Valuable (Simple) +- Lets users enter rich text and HTML inputs right inside a popup window (GlideModal) without leaving the current page. +- Makes data entry faster and easier by avoiding navigation away from the form. +- Supports complex inputs like formatted text using editors such as TinyMCE. +- Helps improve quality and detail of notes and comments on records. +- Can be reused for different input forms or workflows in ServiceNow. +- Works smoothly within the ServiceNow platform UI for a consistent user experience. + +## Steps to Implement +1. Create a UI Page named `rich_text_modal` with appropriate input fields (string and rich text). +2. Create a UI Action (e.g., "Add Details") on the Incident table that opens the `rich_text_modal` UI Page within a GlideModal. +3. Open an incident record and click the "Add Details" button to see the modal with the HTML input fields. + +## Compatibility +This UI Page and UI Action is compatible with all standard ServiceNow instances without requiring ES2021 features. + +## Files +`UI Page` , `UI Action` - are the files implementing the logic. + + + From e62609881775b6b817b8ada70c65b4e8813b99a5 Mon Sep 17 00:00:00 2001 From: Yelugu Sriharsha <89392618+Sriharsha19@users.noreply.github.com> Date: Sun, 12 Oct 2025 18:16:00 +0530 Subject: [PATCH 4/5] Delete Core ServiceNow APIs/GlideModal/README.md --- Core ServiceNow APIs/GlideModal/README.md | 29 ----------------------- 1 file changed, 29 deletions(-) delete mode 100644 Core ServiceNow APIs/GlideModal/README.md diff --git a/Core ServiceNow APIs/GlideModal/README.md b/Core ServiceNow APIs/GlideModal/README.md deleted file mode 100644 index 4d2cd523e6..0000000000 --- a/Core ServiceNow APIs/GlideModal/README.md +++ /dev/null @@ -1,29 +0,0 @@ -# Add HTML Input Field in GlideModal Window - ServiceNow - -## Use Case -This snippet demonstrates how to include HTML input fields, including rich text editors, inside a GlideModal window in ServiceNow. - -## Real-Life Example of Use -In ServiceNow ITSM, support agents often need to add detailed notes or updates quickly without losing their workflow context. For instance, when investigating complex incidents, agents can click the "Add Details" button to open a modal with rich text input to document findings, attach formatted comments, or paste troubleshooting steps. This modal dialog prevents navigation away from the incident form, speeding up data entry and improving information capture quality. - -## Why This Use Case is Unique and Valuable (Simple) -- Lets users enter rich text and HTML inputs right inside a popup window (GlideModal) without leaving the current page. -- Makes data entry faster and easier by avoiding navigation away from the form. -- Supports complex inputs like formatted text using editors such as TinyMCE. -- Helps improve quality and detail of notes and comments on records. -- Can be reused for different input forms or workflows in ServiceNow. -- Works smoothly within the ServiceNow platform UI for a consistent user experience. - -## Steps to Implement -1. Create a UI Page named `rich_text_modal` with appropriate input fields (string and rich text). -2. Create a UI Action (e.g., "Add Details") on the Incident table that opens the `rich_text_modal` UI Page within a GlideModal. -3. Open an incident record and click the "Add Details" button to see the modal with the HTML input fields. - -## Compatibility -This UI Page and UI Action is compatible with all standard ServiceNow instances without requiring ES2021 features. - -## Files -`UI Page` , `UI Action` - are the files implementing the logic. - - - From b0ab57c85d240db4b9b9d578ed8b2a2f7df96e7e Mon Sep 17 00:00:00 2001 From: Yelugu Sriharsha <89392618+Sriharsha19@users.noreply.github.com> Date: Sun, 12 Oct 2025 18:16:52 +0530 Subject: [PATCH 5/5] Created README.md file and placed it in the correct folder --- .../README.md | 26 +++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 Core ServiceNow APIs/GlideModal/Add HTML Input Field in GlideModal Window/README.md diff --git a/Core ServiceNow APIs/GlideModal/Add HTML Input Field in GlideModal Window/README.md b/Core ServiceNow APIs/GlideModal/Add HTML Input Field in GlideModal Window/README.md new file mode 100644 index 0000000000..3c3a3c188b --- /dev/null +++ b/Core ServiceNow APIs/GlideModal/Add HTML Input Field in GlideModal Window/README.md @@ -0,0 +1,26 @@ +# Add HTML Input Field in GlideModal Window - ServiceNow + +## Use Case +This snippet demonstrates how to include HTML input fields, including rich text editors, inside a GlideModal window in ServiceNow. + +## Real-Life Example of Use +In ServiceNow ITSM, support agents often need to add detailed notes or updates quickly without losing their workflow context. For instance, when investigating complex incidents, agents can click the "Add Details" button to open a modal with rich text input to document findings, attach formatted comments, or paste troubleshooting steps. This modal dialog prevents navigation away from the incident form, speeding up data entry and improving information capture quality. + +## Why This Use Case is Unique and Valuable (Simple) +- Lets users enter rich text and HTML inputs right inside a popup window (GlideModal) without leaving the current page. +- Makes data entry faster and easier by avoiding navigation away from the form. +- Supports complex inputs like formatted text using editors such as TinyMCE. +- Helps improve quality and detail of notes and comments on records. +- Can be reused for different input forms or workflows in ServiceNow. +- Works smoothly within the ServiceNow platform UI for a consistent user experience. + +## Steps to Implement +1. Create a UI Page named `rich_text_modal` with appropriate input fields (string and rich text). +2. Create a UI Action (e.g., "Add Details") on the Incident table that opens the `rich_text_modal` UI Page within a GlideModal. +3. Open an incident record and click the "Add Details" button to see the modal with the HTML input fields. + +## Compatibility +This UI Page and UI Action is compatible with all standard ServiceNow instances without requiring ES2021 features. + +## Files +`UI Page` , `UI Action` - are the files implementing the logic.