Lars ,
Thank you for the quick reply and solution, this seems to have done the trick and works great in a global scope. I just started learning about ui pages and html, so please bare with me.
I forgot to mention this in my initial question as a possible issue.By any chance do you have any experience with using this script in a private scoped application like "Security Incident" or "HR"? When I applied this code to a private scoped application I have mixed results, I am using Helsinki as my test since the customer will be migrating to Helsinki Patch 4 in the next few weeks;
1) UI Action with a onClick "popNotification()"
function popNotification() {
var sirId = g_form.getValue("number");
alert(sirId);
var dialogClass = GlideModal ? GlideModal : GlideDialogWindow;
var gdw = new dialogClass("sn_si_send_email_popup");
//var gdw = new GlideDialogWindow('sn_si_send_email_popup'); //name of UI Page
gdw.setTitle('Send Email'); //window title
gdw.setSize(750,300); //window size in pixels
gdw.setPreference("sysparm_sir_number", sirId.toString()); //this is how you send parameter to UI Page
gdw.render(); //launch window
}
2) UI Page - HTML
<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<!-- need some Jelly to wrap a form around everything so we can submit to server, there is an end tag for this below -->
<g:ui_form>
<!-- scoped applicaion approach -->
<!-- need to put jvar into html so javascript can see it - will use hidden input field -->
<input type="hidden" id="sir_number" name="sir_number" value="${sysparm_sir_number}"/>
<!-- another example of how to get parameter -->
<g:evaluate jelly="true">
var var_sir_number = jelly.sysparm_sir_number;
var_sir_number;
</g:evaluate>
<input id="loc" class="col-sm-9 form-control" type="text" name="loc" value="$[var_sir_number]" disabled="disabled"></input>
<!-- standard HTML 4 in this next section -->
<table style="width:100%;padding-right:10px;padding-left:10px;padding-bottom:10px;padding-top:10px">
<tbody>
<tr>
<td class="label label_spacing" nowrap="true" data-type="label" style="text-align:left;">
<label><span class="label_description">Email Body:</span></label>
<textarea cols="80" rows="10" id="body" name="body" class="mceEditor"></textarea>
</td>
</tr>
<tr>
<td class="label label_spacing" nowrap="true" data-type="label" style="text-align:left;">
<label><span class="label_description">Next Update:</span></label>
<input name="txtNextUpdate" id="txtNextUpdate" type="text" />$[SP]
</td>
</tr>
<tr>
<td class="label label_spacing" nowrap="true" data-type="label" style="text-align:left;">
<label><span class="label_description">Status:</span></label>
<select id="selStatus" name="selStatus">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</td>
</tr>
</tbody>
</table>
<g:dialog_buttons_ok_cancel ok="return sendNotification();"/>
</g:ui_form>
<script></script>
<script>
tinymce.init({
mode : "specific_textareas",
editor_selector : "mceEditor",
width: 'auto',
height: 'auto',
menubar: "tools",
toolbar: "$[gs.getProperty('glide.ui.html.editor.v4.toolbar.line1')]",
content_css : "* {font: 10px arial, sans-serif;} b {font-weight:bold;} th {font-weight:bold;} strong {font-weight:bold;}",
});
</script>
</j:jelly>
This is what I was expecting when the script loaded from the UI action
But when you call the ui page from the UI Action it displays without the "text" box.
When you inspect the elements of the render window you notice there is some code that is missing from a rendered version. I also noticed the div id's numbers are different as well, but didn't focused too much on that.
Any thoughts as to why this might be occurring?
Thanks,
Matt
