UI Page - Message Positioning - Processing the request

Derek T
Tera Contributor

‎01-17-2024 07:29 AM

Hello All,

 

I am hoping someone can help point me in the right direction in regards to where specifically i need to be in order to modify where the "Processing the request" messages are displayed on a UI Page. For context, below i am posting 2 images. Image 1 is from our Receiving UI Page, in which you will see the message is somewhat centered in the middle of the page. Image 2 is from our Create Invoice UI Page, the message is positioned up top in the banner area. 

 

I would like to try and make these UI Pages uniform so they are both the same, not different style message popups when calculations are being done.

 

Any help at all would be appreciated.

 

IMAGE 1

1.png

 

 

IMAGE 2
2.png

0 Helpfuls
  • 365 Views
2 REPLIES 2

Robbie
Kilo Patron
Kilo Patron

‎01-17-2024 08:00 AM

Hi @Derek T,

 

How are you calling the UI Page out of interest? Is it via GlideDialogWindow or GlideModel?

 

Whilst GlideDialogWindow used to support two parameters for width and height, GlideDialogWindow is deprecated (but may still work)

GlideDialogWindow(String id, Boolean readOnly, Number width, Number height)

 

GlideModal centers the UI Page and also allows for a width parameter.

GlideModal(String id, Boolean readOnly, Number width)

 

For more details, see the below link.

 

To help others (or for me to help you more directly), please mark this response correct by clicking on Accept as Solution and/or Helpful.

 

Thanks, Robbie

 

https://developer.servicenow.com/dev.do#!/reference/api/vancouver/client/c_GlideModalV3API#r_GMODV3-...

0 Helpfuls

Derek T
Tera Contributor
In response to Robbie

‎01-17-2024 09:12 AM - edited ‎01-17-2024 09:14 AM

Hi Robbie,

 

Sorry, maybe I wasn't clear in the original question. The UI Page itself works fine, it is just the "Processing the request" modal message within each of the UI Pages that I am trying to figure out why one displays in a different area than the other.

 

This is just a message that appears when the end user clicks OK to receive items or create an invoice (so that is shows the system is processing the request in the back end). 

 

The following code seems to be the same in both pages (among a few other things) which is why I can't figure out why they display in different areas because any references to it in the UI Page HTML is in the same place.

Thats why i was wondering if the display parameters are actually even set on the UI page or if it is some other area of ServiceNow I am not aware of.

HTML

<div id="processing_modal" class="modal">
<!-- Modal content -->
<div class="modal-content" style="text-align:center;">
<span class="icon-loading"></span>
<p>${gs.getMessage('EAM_MM_PAGE_PROC_REQ')}</p>

</div>

 

Client Script

document.getElementById('processing_modal').style.display = "block";

0 Helpfuls