Hide Groupbox or Container in Kinetic UI

I am trying to hide an entire Groupbox or Container in application studio either using Data Rules or Events. Data Rules don’t seem to be a possibility because these components don’t have an EpBinding property.

I have also tried to set the Hidden property to true using the Set-Property widget in an event, for my component’s Component ID. First I tried for a GroupBox, and it didn’t work. I checked the component properties and found that a GroupBox does not have a ‘Hidden’ property.

So again I tried Set-Property on a ‘1 Column’ (metafx-div) component because it does have a Hidden property. However, it still is not working.

I would appreciate any help or feedback you all could offer.

Div Properties
image

Set-Property - Component ID
image

Set-Property - Prop/Value
image

The component I was trying to hide is on a page that is a Slider Panel. This added some nuance… I discovered that the issue was not with the Set-Property action, but when I was trying to call it.

  1. Immediately before a Slider-Open action - FAIL - The Set-Property action seemed to execute but had no effect. The component I was trying to hide probably wasn’t instantiated/created yet.

  2. Immediately after a Slider-Open action - FAIL - The Set-Property action didn’t execute until the Slider Panel was closed.

  3. OnCreate on a component that is on the same page as the component I am trying to hide - SUCCESS

A bit of a hack, but it works.