css("display", "block") not affect in case the grid visible unchecked - After upgrade to new Appery builder

[Yaniv]

Hi,
I have a grid that its visible property in Appery properties unchecked.
In the page I have Select that based on the value of the selected option its adding or remove display property (Appery("EventTimeOtherGrid").css("display", "block"); Or Appery("EventTimeOtherGrid").css("display", "none");).

In case I set visible property UNchecked in Appery properties, while opening the page and change to the last option in the related select component (this option show the grid) I cannot see the grid but while inspect the elements using dev tool i can see its has display:block.

But in case I set visible property Checked in Appery properties, while opening the page I can see the grid, while changing the select to 2nd option I cannot see the grid - as expected (I set display:none) and while I will change it now to the last option I will not see the grid - as expected (I set display:block)

This is working fine in old builder but not working after the upgrade.

App shared with support (MenuUpgradeTest) to navigate to this page click on "time picker issue" button, in the open page scroll down to "Event Time" select

[Illya Stepanov]

Hi Yaniv -

We'll check this.

[Evgene Karachevtsev]

Hello Yaniv,

Please clarify with print screens what are steps to reproduce your problem?

[Yaniv]

Hi,
Please take the following steps:

Configure in Appery:

1. Go to CreateNewEvent page, stand on "EventTimeOtherGrid" and uncheck "Visible" and save.
   

   In order to test it:

2. On App landing page click on "time picker issue" icon

3. In the open page go to "Event Time" select and change from the 1st option to the last:
   Expected result - "EventTimeOtherGrid" should be presented
   Actual - Cannot see "EventTimeOtherGrid"

4. Change again "Event Time" select to 1st or 2nd or 3rd option:
   Expected result - "EventTimeOtherGrid" should be hide

   Note:
   But in case I set visible property Checked in Appery properties, while opening the page I can see the grid, while changing the select to 2nd option I cannot see the grid - as expected (I set display:none) and while I will change it now to the last option I will not see the grid - as expected (I set display:block)

[Yurii Orishchuk]

Hi Yaniv,

Please use following JS code to show grid component:

pre

Appery("EventTimeOtherGrid").closest('[data-wrapper-for]').show();

/pre

And use following code to hide grid component:

pre

Appery("EventTimeOtherGrid").closest('[data-wrapper-for]').hide();

/pre

Regards.