Page 1 of 1

Split Pane on a css position layout form not working

PostPosted: Thu Sep 09, 2021 8:30 am
by huber
Having a Split Pane on a css position layout form, the following Component properties are set:

divLocation: 0.5
divSize: 2
resizeWeigtht: 0.5
splitType: HORIZONTAL
cssPosition: 0,0,0,0,-1,-1

But this settings do not work. Values > 1 (pixel values) work, but are not of help for displaying for example the split pane left hand and right hand side to 50% / 50% or any other percentages.

I am aware of the thread viewtopic.php?f=22&t=22499&p=120001&hilit=splitpane#p120001 and the associated case.

Would be really helpful to have these settings work in NG. Thanks in advance.

Best regards, Robert

PS:

Re: Split Pane on a css position layout form not working

PostPosted: Mon Sep 13, 2021 3:19 pm
by huber
huber wrote:Forgot to mention I am using Developer 202103 LTS

Re: Split Pane on a css position layout form not working

PostPosted: Tue Jun 21, 2022 9:32 am
by huber
I would like to give my current status concerning this issue, using now Servoy Developer 2022.3.1.3743

On NG1 (not Titanium), the horizontal Split Pane (with percentage values, i. e. 0 … 1) works, the vertical does not. Any value, e. g. 0.3 or 0.7 on a vertical Split Pane behaves like it would be the value 0.

On NG Titanium, neither the horizontal nor the vertical Split Pane does work with percentage values. It looks like the Split Pane is always using 0.5, independently oof the set value.

Anyone made the same experience?

Servoy Developer 2022.3.1.3743
openjdk version "1.8.0_332"
macOS Monterey, version 12.4

Best regards,

Re: Split Pane on a css position layout form not working

PostPosted: Tue Jun 21, 2022 9:38 am
by wvitpr
I have the same issue

Re: Split Pane on a css position layout form not working

PostPosted: Tue Jun 21, 2022 2:15 pm
by jcompagner
for me on 06 with the latest releases of servoy-extra it works fine as far as i can see.

Re: Split Pane on a css position layout form not working

PostPosted: Tue Jun 21, 2022 4:13 pm
by huber
jcompagner wrote:for me on 06 with the latest releases of servoy-extra it works fine as far as i can see.


Good to hear. I hope such changes find their way into the 2022.3.x_LTS release.

Re: Split Pane on a css position layout form not working

PostPosted: Tue Jun 21, 2022 4:36 pm
by jcompagner
ng1 works fine for me in 2022.3.1 with the latest releases of servoy-extra, so i don't know what you are exactly seeing.

but yes TiNG needs a fix: https://github.com/Servoy/servoy-extra- ... 033b49a955

that will be releases in a 2022.3.2 release of servoy-extra

Re: Split Pane on a css position layout form not working

PostPosted: Tue Jun 21, 2022 5:29 pm
by huber
Split Pane is a WebComponent -> <name> [servoyextra-splitpane]

Setting in divLocation property any percent value like 0.2, 0.7 … hides upper part of the split pane. As there is a handle, I can make it visible again, but it should display with the percent value set when selecting the appropriate menu.

Re: Split Pane on a css position layout form not working

PostPosted: Tue Jun 21, 2022 5:37 pm
by jcompagner
did you try my example attached here?
that works fine for me in NG1 in 2022.03.1 with the latest servoy -extra
i don't see a problem it toggles nicely between 0.8 and 0.2
so please change the sample and reattach it to what you see.

Re: Split Pane on a css position layout form not working

PostPosted: Thu Jun 23, 2022 11:29 am
by huber
Johan, I did try your example, of course. After some debugging, I found why it does not work here. We have a main form having a split pane where the forms are loaded on.

I enhanced your example by adding another form and statically attach the SplitPaneTest form to the left (main) pane. Starting the application sets the splitter at top, so the left vertical pane (upper form) of the SplitPaneTest form is not visible. The horizontal (upper part) works as expected.

I attach the enhanced solution.

Re: Split Pane on a css position layout form not working

PostPosted: Thu Jun 23, 2022 3:02 pm
by jcompagner
that is because in NG1 when we calculate the position the height is still 0 because first the wrapping splitpane must do its job

It seems we improved that in TiNG because there there is no such problem

i will create a case for this so that we can look into it more closely

Re: Split Pane on a css position layout form not working

PostPosted: Thu Jun 23, 2022 3:18 pm
by huber
Thanks, Johan