[Lawrence]

Hi all,

Hope someone can help me, my js knowledge is quite limited and ive been on google all day looking for answers..

I want to have a button on my form that will allow users to hide and unhide certain fields on the form that are relevant.
I can do it the painstaking way.. by simplye switching back and forth from view to the editor.. But this form has about 50 fields that will need to be programmed for this.. and i have a feeling the client will ask me to add many more.. so ive tried to come up with a way to do it quickly..
The way i understand to hide and unhide via js.. is to use the following code:

Code: Select all

getField("MyField").parentNode.style.display='';

and to unhide:

Code: Select all

getField("MyField").parentNode.style.display='none';

Now the problem with this is depending on what field it is.. the parentNode will be different.. for example a text box may have .parentNode.parentNode, and a dropbox may have a .parentNode.parentNode.parentNode while a Main Title might have only one .parentNode

So i have been trying to use a window.prompt and with variables in my script to be able to look at my form from the preview, click the button, put the changing field name and test how many.parentNodes it has without having to switch everytime back to the js editor.. if i could get this working and figure it out it would save me fortunes of time for this project and future projects of PM as well..

Any assistance would be very very appreciated

Thanks in advance,
Lawrence

[roelveldhuizen]

Did you try to use conditions in the dynaform editor? http://wiki.processmaker.com/index.php/ ... Editor_tab

[Lawrence]

Hi roelveldhuizen,

Yes I did. I needed more intelligence than the conditional editor was able to provide.

However i managed to make it happen!!

Life just became much easier hehe

showRow("MyField");
hideRow("MyField");

I just put all the fields into an array, loop through the array, and finito... JS coudlnt be easier now

Although now on to my next problem... :S

Thanks,
Lawrence

[lmherrera]

Hi Lawrence, could you share the code you used to resolve the problem? I need to do something similar and the Conditional Editor isnt smart enough.

Thanks

[amosbatto]

If you want to hide many fields at once, the easiest way to do this is place all the fields under a subtitle, then hide that subtitle with contractSubtitle(). For example if you have a checkbox field named "hideIt" which will hide all the fields under the subtitle named "mySubtitle", then you can use this JavaScript in your DynaForm:

Code: Select all

 function HideFields() {
    if (getField("hideIt").checked)
       contractSubtitle("mySubtitle");
    else    //if not checked
       expandSubtitle("mySubtitle");
 }
getField("hideIt").onchange = HideFields; //execute when checkbox changes 
HideFields(); //execute when DynaForm loads

[Indigo]

I have tried to follow the same code but it didn't work. Processmaker would not load my dynaform. I am also trying to hide or show several fields when the user clicks on a radio button. here is the code i used.

Code: Select all

function HideFields() {
    if (getField("Yearswork").checked)
       contractSubtitle("Co-Maker");
    else
       expandSubtitle("Co-Maker");
 }
getField("Yearswork").onchange = HideFields;
HideFields(); 

[amosbatto]

"Co-Maker" is not a valid field name in ProcessMaker 2. You are probably using the field's label, not the name.
If you can't figure it out, post the XML code for your DynaForm and I will look at it.