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; } } }

Issue in selectively showing items in a nested container

sariba

Hi,

I have an issue in selectively showing items.I have nested containers. I have to show or hide items inside the inner container based on a value chosen in a radio button which is also in the inner container.I have written the following script. It works fine but when we open a saved DCR, all the items that I have hidden is visible that shouldnot happen. Can anyone help me out? Is there a simple way of doing it?

Find more posts tagged with

Comments

RajatChopra

I dont have a installation to work with right now, so did this by walking through your code. It didn't seem optimum.

You dont need to check a flag for initial. Both items will be visible by default.
Also, to debug, use alerts in your code. Check which loop is failing. Make sure you are getting the right values into the variable being evaluated in the if loop.

I have only re-engineered your code. You will still have to debug and make sure it works.


 //Should be visible on load by default.
 function typeHandler(typeItem) {
     var type = typeItem.getOptions()[typeItem.getValue()].value;
     var parent= IWDatacapture.getItem(typeItem.getName() + "/.."); 

     if(type == "Structured")
     {       setItemStatus(parent.getChildByName("content"),true);
      setItemStatus(parent.getChildByName("htmlFragment"),false);  

     }
     else
     {     
      setItemStatus(parent.getChildByName("content"),false);
      setItemStatus(parent.getChildByName("htmlFragment"),true);

     }


 }

sariba

Hi Rajath,
Thank you for your response. I will remove the check for "initial". But my problem is the code i have written hides or shows items selectively. The script doesnt fail. That is working fine. I open a new form entry, enter data and save the dcr. When I open the saved dcr, the items which I have hidden starts appearing. I dont understand how is it. Any ideas about this.

Natasha

Hi Rajath,
Thank you for your response. I will remove the check for "initial". But my problem is the code i have written hides or shows items selectively. The script doesnt fail. That is working fine. I open a new form entry, enter data and save the dcr. When I open the saved dcr, the items which I have hidden starts appearing. I dont understand how is it. Any ideas about this.

Hi Sariba,

Can u plz tell how are u opening the saved DCR i.e in view mode or edit mode?

Thanks,
Natasha.

sariba

Hi Natasha,
I get the issue in both the modes. View or edit..The items i have hidden reappear.

Natasha

Hi Natasha,
I get the issue in both the modes. View or edit..The items i have hidden reappear.

Hi Sariba,

You have associated visibility conditions with the events like onItemChange and OnReplicantAdded so unless these conditions are met, the associated fields will not become invisble/visible even if these are being called on the event onFormLoad().

So if u want to make the fields invisible then u have to think of some other alternative.

Thanks,
Natasha.

Pawan

As you said you hide/unhide items based on the selection of radio button, so while opening the form in view/edit mode, you should get those items only which were filled and saved.
Check you flow of calling functions which is doing hide/unhide of items.
Did you see all the items at the first time, when the form is loading or in replicants ?

RajatChopra

Hi Rajat,
Thank you for your response. I will remove the check for "initial". But my problem is the code i have written hides or shows items selectively. The script doesnt fail. That is working fine. I open a new form entry, enter data and save the dcr. When I open the saved dcr, the items which I have hidden starts appearing. I dont understand how is it. Any ideas about this.

Pretty simple actually. The problem is that you dont have this function called on Initialization of the form. Read up a bit on formAPI. What you need to accomplish is that this function is also called on form load.

Alternatively, you can add another function on load and check the value of the radiobutton and pass them along to your visibility function.

Should be pretty routine to achieve.

RajatChopra

Hi Sariba,

Can u plz tell how are u opening the saved DCR i.e in view mode or edit mode?

Thanks,
Natasha.

FYI, The Javascript will not kick off in View mode. The formAPI only works in the edit mode.

Hi Natasha,
I get the issue in both the modes. View or edit..The items i have hidden reappear.

So it really shouldn't matter. Only in the edit mode will they appear hidden. In the view mode it will show all the elements of the XML parsed into the FormsPublisher interface.

As you said you hide/unhide items based on the selection of radio button, so while opening the form in view/edit mode, you should get those items only which were filled and saved.

Not completely correct. The view and edit mode will not render the same structure if you use FormAPI to enable/disable/hide/show/etc. As stated above, view doesnt have formAPI kicking off.

Natasha

FYI, The Javascript will not kick off in View mode. The formAPI only works in the edit mode.

So it really shouldn't matter. Only in the edit mode will they appear hidden. In the view mode it will show all the elements of the XML parsed into the FormsPublisher interface.

I very well know that formAPI code works only in edit mode so just wanted to confirm that how the DCR is getting opened in order to figure the exact problem.
If its in view mode then it is behaving as expected but if it is edit mode then the problem is something else.