Hide List if no records

[Medic1196]

Is there a way to hide a list control if there are no records in it? I use a few list controls on the dashboard, so when a user logs in, the lists show tasks due, messages waiting, validations due, etc. But if there are no records, then that list can just be hidden.

[Davidk]

Re: Hide List if no records

Give this a try... in the List Control event onBeforeListDraw

if (data.length == 0){
	{dialog.Object}.setControlDisplay('LIST1', false);
}

[Medic1196]

Re: Hide List if no records

Thank you David, that works. It does leave a bold line where the list would be. Any idea what would I need to do to remove the line?

[Davidk]

Re: Hide List if no records

Yes... I see that... I thought it was something else in my UX.

To do this, you'll need to wrap your List in a Container. And then hide the container... instead of the List.

$('{dialog.ComponentName}.V.R1.CONTAINER_1').style.display="none";

[Medic1196]

Re: Hide List if no records

That worked great David, thank you very much.

[Medic1196]

Re: Hide List if no records

That worked great David. Setting the Prevent Container Float property kept them all pushed to the top without spaces too.
Thank you very much.

[DaveF]

Re: Hide List if no records

Is there any way to hide the list control when "Fill Container" is enabled? I am only able to hide it when "Fill Container" is disabled.

Thanks

[Medic1196]

Re: Hide List if no records

Hi Dave,
I tried it with the fill container selected and it still hid it.
I have each of my lists in a container, and this in the lists onbeforedraw property.

if (data.length == 0){
{dialog.Object}.setControlDisplay('LSTAIR', false);
$('{dialog.ComponentName}.V.R1.CONTAINER_AIR').style.display="none";
}

[Medic1196]

Re: Hide List if no records

here is a screenshot of the ux with the lists. My lists are in a tab pane and not in a panel, which may make the difference.

[DaveF]

Re: Hide List if no records

Thanks for the reply Travis. I was not able to open your attachment by the way.

I think there is a difference when the list control is in a panelcard vs. a container or tab pane. I have a panellayout with two panelcards. The first panelcard contains some controls for the upper half of the panellayout and the second panelcard contains a list control with "fill container" enabled which displays in the lower half of the panellayout.

I think hiding works when the list control is wrapped inside of a container or tab pane which has a defined height. When the list control is not wrapped in a container with a defined height, you can no longer hide it.

[Medic1196]

Re: Hide List if no records

Hmmm, don't know what went wrong there Dave. It appeared to upload correctly. I don't use panelcards......yet, anyway. So I am not much help on this.

[Davidk]

Re: Hide List if no records

I just tried this using a PanelLayout - TTB, which contained 2 PanelCards. The first Panelcard contains some Textbox controls. The 2nd Panelcard contains a List Control - Fill Container. The List Control is wrapped in a Container. Using the code below, in the List control event onBeforeListDraw, when the List control does not contain any records, it hides very nicely. I don't see an issue wrapping the List Control in a Container - no reason that I can think of not to.

if (data.length == 0){
	$('{dialog.ComponentName}.V.R1.CONTAINER_1').style.display="none";
}

You do not need to hide the List control itself... just the Container control.

[DaveF]

Re: Hide List if no records

I think I missed the part about inserting the code in the onBeforeListDraw event. I ended up implementing it a different way by hiding the panelcard inside the panellayout instead. This worked out better because I needed the ability within my TTB panellayout to hide either the upper panelcard or the lower panelcard containing the list control.

Thanks