Tagged: angular dokcing layout, custom docking, custom Docking Layout, custom element, LayoutPanel Docking Layout API Floating, non floating docking layout items, smart elements, smart framework, web component, web components
May 14, 2019 at 1:46 pm #99800
Is it possible to disable floating of LayoutPanel windows within the Docking Layout element? For each LayoutPanel element, I have specified
dropPosition: ["top", "bottom", "left", "right"], which is working great, however a user can still drag a LayoutPanel and have it float in its own window; is it possible to disable this floating capability of LayoutPanel windows (i.e., I only want a user to be able to dock a LayoutPanel, not float it in its own window)?May 14, 2019 at 2:43 pm #99816
Disabling the floating of a LayoutPanel is currently not available but it will be added to our next release. You can follow our releases here or in our social media pages.
However, you can bind to the stateChange event and execute your custom code inside the handler when an item has been floated. You can remove the floated item from the DOM or dock it back inside if you wish via the API methods. Also you can get a list of all the items that are currently inside the DokcingLayout from the items getter. You can read more about it here API.
Smart HTML Elements Team
https://www.htmlelements.comMay 14, 2019 at 8:47 pm #99819
Nice to hear this will be added to the next release. I can image a
floatableLayoutPanel boolean field or some such to enable this capability. Using the
stateChangeevent is not really an answer due to the limited information provided in that event, and it would be very awkward anyway for an end user to float a LayoutPanel then have it ‘magically’ redock somewhere outside of their control/input.
You have a great element here in the Docking Layout, but it appears to still need a significant amount of work to get it ready for custom Production environments. Please keep up the good work and continue to improve this element.May 15, 2019 at 8:04 am #99821
- You must be logged in to reply to this topic.