Get vaule from field to ui macro

Goran WitchDoc · ‎11-16-2015

Im doing a small UI macro. On change we want to have some extra text at the top of the change form. And depending on its a comprehensive or emergency change, we want different colors and text.

I got this to work if I declare the variable of type manually, but I can't figure out how to write so the macro fetches the "type" from the current ticket. I tried alot of combo but right now Im stuck in a dead end.

Here is my UI Macro which I then call on with a formatter into the change form.

I though that like 08 would work, but I guess I was wrong. and If I instead use line 07 and comment out 08 it works like a charm, but sadly not so dynamic.

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<g:evaluate>
       var colors;
       var text;
               //var test = 'comprehensive';
               var test = current.type;
       if (test == 'comprehensive')
               {
               colors = '#FFFF99';
               text = "This is a Normal Change";
               }
       else if (test == 'emergency')
               {
               colors = '#FF8282';
               text = "This is an Emergency Change";
               }
</g:evaluate>
<style>
.infotext_change {
       margin: auto;
       width: 48%;
       padding: 3px;
       background-color: ${colors};
       border: 2px solid #668cff;
       text-align: center;
}
</style>
<div class="infotext_change">
${text}
</div>
</j:jelly>

Goran WitchDoc · ‎11-17-2015

For some reason it didnt want to show my code 😃

<html>

<style>

.infotext_change {

margin: auto;

width: 48%;

padding: 3px;

border: 2px solid #000000;

text-align: center;

}

</style>

</div>

function updateChangeInfo(changeType)

{

var getDiv = document.getElementById('info_change');

if (changeType == 'Comprehensive')

{

getDiv.style.backgroundColor = '#FFFF99';

getDiv.innerHTML = "This is a Normal Change";

}

else if (changeType == 'Emergency')

{

getDiv.style.backgroundColor = '#FF8282';

getDiv.innerHTML = "This is an Emergency Change";

}

</script>

addLoadEvent( function() {

updateChangeInfo(g_form.getValue('type'));

});

</script>

</html>

View solution in original post

Goran WitchDoc · ‎11-17-2015

For some reason it didnt want to show my code 😃

<html>

<style>

.infotext_change {

margin: auto;

width: 48%;

padding: 3px;

border: 2px solid #000000;

text-align: center;

}

</style>

</div>

function updateChangeInfo(changeType)

{

var getDiv = document.getElementById('info_change');

if (changeType == 'Comprehensive')

{

getDiv.style.backgroundColor = '#FFFF99';

getDiv.innerHTML = "This is a Normal Change";

}

else if (changeType == 'Emergency')

{

getDiv.style.backgroundColor = '#FF8282';

getDiv.innerHTML = "This is an Emergency Change";

}

</script>

addLoadEvent( function() {

updateChangeInfo(g_form.getValue('type'));

});

</script>

</html>

revathy murugan · ‎02-14-2023

Hi,

Thanks for this, its working on onload of the form but not on onchange, what if i wanted to show a message on change of a dropdown field. Please let me know