nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Hide/show the DCT save and generate buttons dynamically?

System

We have a few seconds of load time on our DCTs, i would like to hide the save/generate buttons with FORMAPI or javascript until a callserver is done loading. we have issues were users spam save/generate before the form is dont loading which throws errors.

i am able to hide the finish/cancel buttons simply, but if i use the ID of the save/generate buttons it doesnt work? any help would be greatly appreciated

works
var name_element2 = parent.document.getElementById('iw.base.wizard.finish.button');
name_element2.style.display = 'none';

DOESN'T WORK
var name_element2 = parent.document.getElementById('iw.ccpro.datacapture.edit_form.generate.link');
name_element2.style.display = 'none';

Find more posts tagged with

Comments

ISCBorisB

We have a few seconds of load time on our DCTs, i would like to hide the save/generate buttons with FORMAPI or javascript until a callserver is done loading. we have issues were users spam save/generate before the form is dont loading which throws errors.

i am able to hide the finish/cancel buttons simply, but if i use the ID of the save/generate buttons it doesnt work? any help would be greatly appreciated

works
var name_element2 = parent.document.getElementById('iw.base.wizard.finish.button');
name_element2.style.display = 'none';

works
//var name_element2 = parent.document.getElementById('iw.ccpro.datacapture.edit_form.generate.link');
var name_element2 = parent.datacapture_buttonframe.document.getElementById('iw.ccpro.datacapture.edit_form.generate.link');
name_element2.style.display = 'none';

Migrateduser

Thanks boris but that didnt work - i still get null returned

var GenerateButton = parent.datacapture_buttonframe.document.getElementById("iw.ccpro.datacapture.edit_form.generate.link");
alert(GenerateButton);
//GenerateButton.style.display = 'none';

ISCBorisB

Thanks boris but that didnt work - i still get null returned

var GenerateButton = parent.datacapture_buttonframe.document.getElementById("iw.ccpro.datacapture.edit_form.generate.link");
alert(GenerateButton);
//GenerateButton.style.display = 'none';

Works for me, see attached. Is it possible that you have some unrelated JS error(s) that prevent it from running?

Migrateduser

weird Boris i am stumped - i took out all other JS, the first hide works but the second doesn't. do you see anything in the syntax? would u mind attaching your sample in a text file so i can cut/paste into my dct? do you think it may be a TS version diff or setting in templating.cfg? thanks in advance

var FinishButton = parent.document.getElementById('iw.base.wizard.finish.button');
alert(FinishButton);
FinishButton.style.display = 'none';

var GenerateButton = parent.datacapture_buttonframe.document.getElementById('iw.ccpro.datacapture.edit_form.generate.link');
alert(GenerateButton);
//GenerateButton.style.display = 'none';

ISCBorisB

"Form Initiated" and "Form Fully Loaded" are two different things in TS.

Delay Init a little, see the sample below. Note that I always do it in
my FormAPI, saves me tons of grief. Note also that this is a hack Smiley Sad

Try the following "as is" first, see if it works in your environment.
[php]

Migrateduser

Boris, that worked - awesome - many thanks!!!

Satish_Jadhav

Hi ISCBorisB,
How did you find about "parent.datacapture_buttonframe", is it documented some where?

Thanks and Regards,
Satish Jadhav

webViewerError.txt

ISCBorisB

No, it's not documented. All of that, including init delay, button IDs and mechanism to
dynamically toggle buttons' visibility is a hack.

Please note that through templating.cfg you can include/exclude buttons in the supported manner.
Arthas could not have used this mechanism though since he needed something "Off" temporarily

(Topic_35930)_OS_BIRT_2.6.2_QueryDataFromAlmostAnywhere.rptdesign