diff --git a/Client-Side Components/UI Pages/Add HTML Input field in GlideModal window/Add HTML Input field on GlideModal window.png b/Client-Side Components/UI Pages/Add HTML Input field in GlideModal window/Add HTML Input field on GlideModal window.png new file mode 100644 index 0000000000..5462758746 Binary files /dev/null and b/Client-Side Components/UI Pages/Add HTML Input field in GlideModal window/Add HTML Input field on GlideModal window.png differ diff --git a/Client-Side Components/UI Pages/Add HTML Input field in GlideModal window/README.md b/Client-Side Components/UI Pages/Add HTML Input field in GlideModal window/README.md new file mode 100644 index 0000000000..8848845f4b --- /dev/null +++ b/Client-Side Components/UI Pages/Add HTML Input field in GlideModal window/README.md @@ -0,0 +1,11 @@ +ADD HTML Input Field in GlideModal Window: + +It is possible to add a HTML input field in GlideModal window in servicenow. +The most common approach involves including a WYSIWYG editor (such as TinyMCE) in the UI Page that you render inside a GlideModal. This enables full rich text functionality within the modal dialog. +Steps : +1) Create UI Page (eg: rich_text_modal) +2) Create UI Action (eg: Add Details. here I created the ui action on incident table) +3) Open the incident record , click on the Add Details button , which opens the glide modal and includes fields like short description of type 'string' and description of type 'Rich Text/HTML' + + + diff --git a/Client-Side Components/UI Pages/Add HTML Input field in GlideModal window/UI Action b/Client-Side Components/UI Pages/Add HTML Input field in GlideModal window/UI Action new file mode 100644 index 0000000000..034716c45f --- /dev/null +++ b/Client-Side Components/UI Pages/Add HTML Input field in GlideModal window/UI Action @@ -0,0 +1,7 @@ +function test() +{ +var dialog = new GlideModal('rich_text_modal'); // give the ui page name in place of 'rich_text_modal' +dialog.setTitle('Rich Text Editor'); +dialog.setSize('500','500'); +dialog.render(); +} diff --git a/Client-Side Components/UI Pages/Add HTML Input field in GlideModal window/UI Page b/Client-Side Components/UI Pages/Add HTML Input field in GlideModal window/UI Page new file mode 100644 index 0000000000..938614a4ab --- /dev/null +++ b/Client-Side Components/UI Pages/Add HTML Input field in GlideModal window/UI Page @@ -0,0 +1,37 @@ + + + + +
+

+ + +
+ + + + +
+
+
+ +
+ +
+