OOTB GlideModal Examples

Useful for client scripts/client-side UI actions. Look to use these before creating new UI pages.

instanceName.service-now.com/sys_ui_page_list.do?sysparm_query=nameSTARTSWITHglide&sysparm_view=

glide_alert_standard

var modal = new GlideModal("glide_alert_standard", false, 600);
modal.setTitle("Modal Title");
modal.setPreference("title", "Modal Body");
modal.setPreference("warning", "false");
modal.render();


glide_ask_standard

var modal = new GlideModal("glide_ask_standard", false, 600);
modal.setTitle("Modal Title");
modal.setPreference("title", "Modal Body");
modal.setPreference("warning", "false");
modal.setPreference("onPromptComplete", function() {
alert("Yes")
});
modal.setPreference("onPromptCancel", function() {
alert("No")
});
modal.render();



glide_confirm

var modal = new GlideModal("glide_confirm", false, 600);
modal.setTitle("Modal Title");
modal.setPreference("title", "Modal Body");
modal.setPreference("warning", "false");
modal.setPreference("onPromptSave", function() {
alert("Save")}
);
modal.setPreference("onPromptDiscard", function() {
alert("Don't save")
});
modal.setPreference("onPromptCancel", function() {
alert("Cancel")
});
modal.render();


glide_confirm_basic

var modal = new GlideModal("glide_confirm_basic", false, 600);
modal.setTitle("Modal Title");
modal.setPreference("title", "Modal Body");
modal.setPreference("warning", "false");
modal.setPreference("onPromptComplete", function() {
alert("Ok")
});
modal.setPreference("onPromptCancel", function() {
alert("Cancel")
});
modal.render();


glide_confirm_standard

var modal = new GlideModal("glide_confirm_standard", false, 600);
modal.setTitle("Modal Title");
modal.setPreference("title", "Modal Body");
modal.setPreference("warning", "false");
modal.setPreference("onPromptComplete", function() {
alert("Ok")
});
modal.setPreference("onPromptCancel", function() {
alert("Cancel")
});
modal.render();


glide_info

var modal = new GlideModal("glide_info", true, 600);
modal.setTitle("Modal Title");
modal.setPreference("title", "Modal Body");
modal.setPreference("onPromptComplete", function() {
alert("Ok")
});
modal.render();


glide_prompt

var modal = new GlideModal("glide_prompt", true, 600);
modal.setTitle("Modal Title");
modal.setPreference("title", "Modal Body");
modal.setPreference("onPromptComplete", function(value) {
alert("Ok with value: "+value)
});
modal.setPreference("onPromptCancel", function(value) {
alert("Cancel with value: "+value)
});
modal.render();


glide_warn

var modal = new GlideModal("glide_warn", true, 600);
modal.setTitle("Modal Title");
modal.setPreference("title", "Modal Body");
modal.setPreference("onPromptComplete", function() {
alert("Ok")
});
modal.render();

Latest Posts

Create a website or blog at WordPress.com