Skip to page contentSkip to chat
ServiceNow support
    • Community
      Ask questions, give advice, and connect with fellow ServiceNow professionals.
      Developer
      Build, test, and deploy applications
      Documentation
      Find detailed information about ServiceNow products, apps, features, and releases.
      Impact
      Accelerate ROI and amplify your expertise.
      Learning
      Build skills with instructor-led and online training.
      Partner
      Grow your business with promotions, news, and marketing tools
      ServiceNow
      Learn about ServiceNow products & solutions.
      Store
      Download certified apps and integrations that complement ServiceNow.
      Support
      Manage your instances, access self-help, and get technical support.
Prevent modal window from closing when clicking outside - Support and Troubleshooting
  • >
  • Knowledge Base
  • >
  • Support and Troubleshooting (Knowledge Base)
  • >
  • Prevent modal window from closing when clicking outside
KB0748662

Prevent modal window from closing when clicking outside


5591 Views Last updated : Oct 4, 2022 public Copy Permalink
KB Summary by Now Assist

Issue

This article explains how to prevent a Service Portal modal window from closing when clicking outside the modal window.

Release

Helsinki and newer

Resolution

This behavior is controlled by the backdrop property of the modal window, it needs to be set to backdrop: 'static'

Examples:

All of these examples are in the Client Controller section of a widget.

Simple modal window

function(spModal) {
  /* widget controller */
  var c = this;

    spModal.open({
        title: 'Sup?',
        backdrop: 'static'
    });
}

Using the OOB 'widget-modal' as a wrapper

if (input && input.action === "edit_item") {
  data.editVariablesModal = $sp.getWidget('widget-modal', {
    embeddedWidgetId: 'sp-variable-editor',
    embeddedWidgetOptions: {
      sys_id: input.itemID,
      table: "sc_cart_item",
      showItemTitle: true,
      isOrdering: true 
    },
    backdrop: 'static'    // this is what you have to add
    });
  return;
}

Related Links

  • Angular modal-backdrop issue [stackoverflow.com]

The world works with ServiceNow.

Sign in for more! There's more content available only to authenticated users Sign in for more!
Did this KB article help you?
Did this KB article help you?

How would you rate your Now Support digital experience?

*

Very unsatisfied

Unsatisfied

Neutral

Satisfied

Very satisfied

Very unsatisfied

Unsatisfied

Neutral

Satisfied

Very satisfied

What can we improve? Please select all that apply.

What are we doing well? Please select all that apply.

Tell us more

*

Do you expect a response from this feedback?

  • Terms and conditions
  • Privacy statement
  • GDPR
  • Cookie policy
  • © 2025 ServiceNow. All rights reserved.