Good morning everyone,
I have created a string field on the company table which looks like this, with this text in it:
I then have a client script which passes the value of that same field to a UI Page (using setPreference()):
function invokeMessage(){
//console.log('crisOut');
var company = g_form.getReference('company', alertNote);
function alertNote(company){
var an = company.u_active_notification;
if(!an){
//console.log('crisNo ');
return;
}
//console.log('crisYes ');
var gdw = new GlideModal('active_notification');
gdw.setTitle('Active Notification');
gdw.setPreference('sysparm_activeNotification', an); //pass the active note to the ui page
gdw.render();
}
}
I then grab the value in the UI Page like this:
<j:set var="jvar_active_note" value="${sysparm_activeNotification}"/>
<p class="modal-title h4 modal-header">${jvar_active_note}</p>
The end result is it displays the message fine, but note the line-breaks are not present in the UI Page:
What would be the best way to show the line-breaks, which are present on the string field on the form, in the UI Page too?
Hi Sandeep,
I have replaced the line breaks with the <br> tags as you suggested, also changed the Jelly tags so it does not escape them like so:
<table>
<tr>
<td>
<j:set var="jvar_active_note" value="${sysparm_activeNotification}"/>
<g2:no_escape>${HTML:jvar_active_note}</g2:no_escape>
</td>
</tr>
</table>
But the text is still escaping the br tags:
Any idea why it is escaping them? I have also tried the <g:no_escape> tag
So far none of these worked:
- <pre> tags
-
${jvar_active_note.getHTMLValue()} (using getHTMLValue() method)
- white-space: pre styling (also tried adding the style inline)
- white-space: pre-line styling (also tried adding the style inline)
- <g2:no_escape> tag
- <g:no_escape> tag
- <j2:whitespace trim="false"> tag
Using all of the above, the string would still ignore the line breaks. Here is what ended up working for me:
- I took the suggestion
@Sandeep Dutta kindly made to replace the line breaks with <br> tags in my Client Script using RegEx:
function invokeMessage(){
//console.log('crisOut');
var c = g_form.getReference('company', function(company){
var an = company.u_active_notification;
var lineBreaks = an.replace(/\n/g, '<br></br>'); //input <br> tags
//console.log('crisAN ' + an);
//console.log('crisAN1 ' + lineBreaks);
if(!an){
//console.log('crisNo ');
return;
}
//console.log('crisYes ');
var gdw = new GlideModal('active_notification', false, 'modal-lg');
gdw.setTitle('Active Notification');
gdw.setPreference('sysparm_activeNotification', lineBreaks); //pass the HTML version to the GlideModal
gdw.render();
});
}- In the UI Page HTML, I then tried to use the 'getHTMLValue()' method mentioned above, with no luck. The <br> tags were being escaped in the GlideModal.
- The solution:
- In the UI Page Client script I added this Load Event:
addLoadEvent(function(){
var m = GlideModal.prototype.get("active_notification");
var p = m.getPreference("sysparm_activeNotification");
document.getElementById("crisDiv").innerHTML = p; //create div with same id in HTML and set the innerHTML to the preference we grabbed from the Client Script
});
End result: (Spoiler alert! We have the line breaks!):
I was very close to giving up on this; So many things that would work in a regular HTML implementation (such as the <pre> tags) did not work on UI Page. Did not think something as simple as just showing the line breaks from a string field would have been so difficult!
