Change LayoutConfig.Flex at runtime

[arilotta]

Hi all, apparently it is not possible to change the flex at runtime, for example for a panel.

Is there a magic JS script that let the component redraw himself using the new flex set ?

 

Thanks

Andrea

[Sherzod]

Hi,

 

Have you tried?

UniPanel1.JSInterface.JSCall('updateLayout', []);

...
UniPanel3.JSInterface.JSCode(#1'.setConfig({flex:1});');
...
UniPanel1.JSInterface.JSCall('updateLayout', []);

[arilotta]

Hi Delphi Dev, unfortunately it doesn't seem to work...

[Sherzod]

Hi Delphi Dev, unfortunately it doesn't seem to work...

 

Sorry, can you make a simple testcase for this ?!

 

Which build are you using ?

[arilotta]

Using build 1425. Please find attached a simple test case.

 

Thank you

Andrea

UniGUI RT Flex test.zip

[Sherzod]

UniPanel1.JSInterface.JSCall('updateLayout', []);

...
UniPanel3.JSInterface.JSCode(#1'.setConfig({flex:1});');
...
UniPanel1.JSInterface.JSCall('updateLayout', []);

 

updateLayout for parent panel:

  UniPanel2.layoutconfig.Flex:=1;
  UniPanel2.JSInterface.JSCode(#1'.setConfig({flex:1});');
  UniPanel1.JSInterface.JSCall('updateLayout', []); // UniPanel1 <----------

[arilotta]

Thank you, but still doesn't work. What could be the reason ?

[Sherzod]

Sorry, are you using extjs4 ?

[arilotta]

Yes, build 1425 has ExtJS v. 4.2.5.1763

[Sherzod]

Can you try doLayout instead of updateLayout?

[arilotta]

Tried the following, but nothing happens.

 

  UniPanel2.layoutconfig.Flex:=1;

  UniPanel2.JSInterface.JSCode(#1'.setConfig({flex:1});');

  UniPanel1.JSInterface.JSCall('doLayout', []); // UniPanel1 <----------

[Sherzod]

Ok,

 

I will check

[Sherzod]

Try this:

UniPanel2.layoutconfig.Flex:=1;
UniPanel2.JSInterface.JSAssign('flex', [1]);
UniPanel1.JSInterface.JSCall('doLayout', []);

[arilotta]

Thank you Delphi Dev, it works perfetcly !

[horacio]

On 8/21/2018 at 11:56 AM, Sherzod said:

Try this:

UniPanel2.layoutconfig.Flex:=1;
UniPanel2.JSInterface.JSAssign('flex', [1]);
UniPanel1.JSInterface.JSCall('doLayout', []);

Hi,

with Layout Column does not work change ColumnWidth

UniPanel4.layoutconfig.ColumnWidth := 0.5; 
UniPanel4.JSInterface.JSCode(#1'.setConfig({ColumnWidth :0.5});');

UniPanel3.JSInterface.JSCall('updateLayout', []); //Panel with Layout = 'column'

[Sherzod]

Hello,

1 hour ago, horacio said:

UniPanel4.JSInterface.JSCode(#1'.setConfig({ColumnWidth :0.5});');

Be aware that JS is case sensitive! So try this: columnWidth instead of ColumnWidth.

[horacio]

8 hours ago, Sherzod said:

Hola,

¡Tenga en cuenta que JS distingue entre mayúsculas y minúsculas! Entonces intente esto:  columnWidth  en lugar de ColumnWidth.

¡Thaks it work!

Where can I find correct names JS like columnWidth, Flex, Etc?

[Abaksoft]

A good portal :

https://www.w3schools.com/jsref/prop_style_columnwidth.asp

[horacio]

47 minutes ago, Abaksoft said:

A good portal :

https://www.w3schools.com/jsref/prop_style_columnwidth.asp

Thanks. I will take the names of this site.