Collapse datacard does not work in IE

[TomasZubov]

Hello,

 I have a several datacards on canvas each has heading (rectangle) with collapse/expand button.

Function onSelect of the button is simple set variable expand to true or false,  all controls within certain datacard have visibility set to variable used in datacard heading.

 After clicking the button, are all controls within that datacard displayed or hidden. In all browsers, is after action  datacard height "equal" to the height of the rectangle in the heading, but not in IE, where it still has orginal height, it is just blank as all controls are hidden. Is there anything I need to do in order to make it work in IE as it works in browsers?

1) This is how it should work and works in Chrome, Mozzila, Safari...

2) This is in IE

Any ideas what to do?

[v-monli-msft]

Hi @TomasZubov,

Since you mentioned data card, just to confirm, are they inside the edit or display Form control? What is the data source? Also, please share the formula of the Height property of these data cards.

Regards,

Mona

[TomasZubov]

Hi @v-monli-msft,

 It is within canvas and without form control.

All formulas are similar to this: 

If(expCol;100;27) or If(expCol;100;0) 
expCol: 
true=expanded
false=collapsed

expCol is set as a visibility for all controls within datacard, except grey bar and expand/collapse buttons.

It does not matter if you use 0 or 27 for false, it does work fine except IE. Even if I do not use any formula for height, once controls are hidden datacard height shrinks to the minimum, just to display all controls which are not hidden.

What is interesting it does work fine in IE when you test it in studio, but once you publish the app and run it it does not work.