I've started using the Primefaces Extensions Layout component and have run into a problem with closable panes. I would collapse the pane and then resize my window and the collapsed pane would automatically open, then after 5 or so seconds the pane would collapse again. I tracked this down to the jquery UI layout option of slidable. It seems at some point that this property being set to false in the PE Layout was no longer respected. I'm running a showcase for an old version of Extenstions (0.7 maybe?) and it doesn't have the issue. However on current versions of extensions and the current showcase you can reproduce the problem
https://www.primefaces.org/showcase-ext ... Layout.jsf
Sets the slidable option to false.
Then if you open the example:
https://www.primefaces.org/showcase-ext ... llPage.jsf
Try collapsing the west panel. Then resize your browser. The west panel slides open despite the property. I've tried state management, server side options, and calling the layout's disableSlidable methods with no luck.
To me this slidable behavior would be really annoying so I'm just going to have to disable the closable option on the panes. Just figured I'd post this here so that you were aware.
Layout doesn't respect the 'slidable' property
Somewhere along the years it must have changed because I am looking at the current code and there is no "slideable" property? There is only these two properties...
Code: Select all
<attribute>
<description>
<![CDATA[Makes a pane resizable. Default is true.]]>
</description>
<name>resizable</name>
<required>false</required>
<type>java.lang.Boolean</type>
</attribute>
<attribute>
<description>
<![CDATA[Makes a pane closable. Default is true.]]>
</description>
<name>closable</name>
<required>false</required>
<type>java.lang.Boolean</type>
</attribute>
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1
I see Jquery UI Layout does support the slideable property though...
http://layout.jquery-dev.com/documentat ... n_slidable
http://layout.jquery-dev.com/documentat ... n_slidable
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1
-
- Posts: 15
- Joined: 08 May 2013, 01:48
Yeah I'm not sure how it was working before. I'm just going off of the examples of using a LayoutOptions on the server side for more control and access to the jQuery UI Layout options. The showcase points you to the jquery documentation itself and noticed the slidable stuff there. Before reading about it in the jquery documentation I didn't know what the showcase was trying to accomplish with this code.
Code: Select all
LayoutOptions panes = new LayoutOptions();
panes.addOption("slidable", false);
panes.addOption("resizeWhileDragging", true);
layoutOptionsOne.setPanesOptions(panes);
Understood. This looks like a bug in the newer Jquery Layout I will see if i can figure it out.
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1
-
- Posts: 15
- Joined: 08 May 2013, 01:48
Thanks!!
Yeah I figured it could be an issue in JQuery but didn't have a quick way to tell and couldn't find any other posts anywhere on it not behaving as expected.
Yeah I figured it could be an issue in JQuery but didn't have a quick way to tell and couldn't find any other posts anywhere on it not behaving as expected.
Reported and fixed. https://github.com/primefaces-extension ... issues/530
Will be in a patch 6.2.1 PFE version in a couple of weeks.
Will be in a patch 6.2.1 PFE version in a couple of weeks.
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1
-
- Information
-
Who is online
Users browsing this forum: No registered users and 15 guests