Hi Phillip,
i see; indeed the sidenav and other components (any other component than the default tabpanel/splitpanel component) don't allow mixing of SimpleCSS forms with Anchored forms.
If you re-create also your form with the sidenav as Anchored, you will be able to place in it the Anchored splitpane form; note you won't be able to set any SimpleCSS forms as containedform of your sidenav; i guess this won't be a problem for you since you will place the ancored splitpane in it.
If the Anchored splitpane approach finally doesn't work well for you, you can consider other options, as setting the dividerLocation at the onShow or at the onResize of the form;
- Code: Select all
var w = controller.getFormWidth();
elements.split.dividerLocation = w/2;
Or use a styleClass and CSS, however using CSS approach the user won't be able to change the dividerLocation
- Code: Select all
.split-50 > .split-panes.horizontal > .split-pane1 {
width: 50% !important;
}
.split-50 > .split-panes.horizontal > .split-pane2 {
left: 50% !important;
}
Regards,
Paolo