Remove Live UI
When i'm try to print harness, it display live ui logo like the 1.PNG and the layout in printing popup like the 2.PNG. So, how can i remove the Live UI logo? Thanks
Accepted Solution
Pegasystems Inc.
US
Hi All,
I think some of us might misunderstood the requirement. The requirement is to hide the liveUI only in the pdf generated and not otherwise.
So, as suggested in step 1) add an action runscript. Define your own js method and use that function in userwork form and use the below code.
function mymethod(){
var divID = document.getElementById("js-toggle-runtime-editor");
divID.style.display='none';
}
Adding the css may not help since it will hide the LIVE UI completely which I think is not the usecase. Please correct, if I misunderstood something.
Please let me know if you need further clarification on this.
Pegasystems Inc.
US
Hi,
I am not sure if there is an OOTB to hide some DIV while printing, but this can be achieved in this following manner.
On a click event of a button configure the below steps in order.
1) Hide the LIVE UI option by configuring Run Script. Define your own js method which can hide a DIV based on some attribute eg. data-test-id=UIInspectorButton. You can check the below fiddle for better understanding
2)Use the Print Action as you are using currently.
3) Refresh section.
In this way, you should be able to hide the LIVE UI while printing & it will not appear in the PDF.
Regards
Rachit
Pegasystems Inc.
IN
Hello Dwienita,
You can add the css style "display : none " property the div with id="js-toggle-runtime-editor" can help you to hide the LiveUI .
I hope this information will help you .Please find the attachment for your reference.
Thanks & Regards,
Durga
Naga Lilie
thanks for your answer ..
where i can add the css ? I'm using section with paragraph on the harness so it'll place in the paragraph or in the harness (harness_print.js) .. thanks
Naga Lilie
Hi, thanks for your answer. I'm trying put the css on the harness and it work (the live ui logo removed) , but all of my data in paragraph not being showed ..
Pegasystems Inc.
IN
Perform the following steps to hide Live UI for end user portals:
1. Open Access Group and select pegaSysAdmin Role in list of roles.
2. Select @Base class in Access Class.
3. Make a pxUiInspector 5 to 0.
4. Check it in end user portal.
Accepted Solution
Pegasystems Inc.
US
Hi All,
I think some of us might misunderstood the requirement. The requirement is to hide the liveUI only in the pdf generated and not otherwise.
So, as suggested in step 1) add an action runscript. Define your own js method and use that function in userwork form and use the below code.
function mymethod(){
var divID = document.getElementById("js-toggle-runtime-editor");
divID.style.display='none';
}
Adding the css may not help since it will hide the LIVE UI completely which I think is not the usecase. Please correct, if I misunderstood something.
Please let me know if you need further clarification on this.