UI Page changes in GlideModal
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
05-10-2023 10:15 AM
Hello Everyone,
I have a UI Page that I created and tested using the "Try It" button, and everything seemed to be working as expected. However, when I call the UI Page from a UI Action and have it open it in a GlideModal, it behaves completely differently. Even the HTML is just different from what I have defined in my UI Page. Here is how I am calling it in my UI Action:
function openUIPage(){
var gdw = new GlideModal('x_admis_floorplan_Room Picker');
gdw.setSize(750,300);
gdw.setPreference('table_name', g_form.getTableName());
gdw.render();
}
An example of the HTML changing can be seen below
UI Page HTML Code:
<div id="btns" style="display: flex; justify-content: center;">
<button class="btn btn-primary" onclick="resetPanzoom()" style="margin-top:8px; min-height: 20px; max-height: 30px; margin-right: 10px; margin-left:10px">Reset</button>
<button class="btn btn-primary" onclick="zoomOut()" style="margin-top:8px; min-height: 20px; max-height: 30px; margin-right: 10px "><i class="fa fa-minus"></i></button>
<button class="btn btn-primary" onclick="zoomIn()" style="margin-top:8px; min-height: 20px; max-height: 30px; margin-right: 10px"><i class="fa fa-plus"></i></button>
</div>
HTML in GlideModal:
<div id="btns" style="display: flex; justify-content: center;">
<button class="btn btn-primary" onclick="resetPanzoom()" style="margin-top:8px; min-height: 20px; max-height: 30px; margin-right: 10px; margin-left:10px">Reset</button>
<button class="btn btn-primary" onclick="zoomOut()" style="margin-top:8px; min-height: 20px; max-height: 30px; margin-right: 10px "><i class="fa fa-minus"></i></button>
<i class="fa fa-minus"><button class="btn btn-primary" onclick="zoomIn()" style="margin-top:8px; min-height: 20px; max-height: 30px; margin-right: 10px"><i class="fa fa-plus"></i></button></i>
</div>
As you can see, another <i> element for the minus icon just randomly gets thrown in.
Does anyone know why this would happen? Is there a way to display a UI page in a GlideModal the same way it does when going directly to the UI Page? Any help would be greatly appreciated
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
05-10-2023 11:26 AM
Can you share the screenshots, what differences has came up after clicking on Try it of UI page and after clicking on button, pls share the screenshots
If my answer solved your issue, please mark my answer as ✅Correct & 👍Helpful based on the Impact.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
05-10-2023 11:31 AM
UI Page:
GlideModal:
I didn't focus on it when I made the post cause I figured it was best to take things one at a time, but my svg element and all g elements are also completely missing in the GlideModal.