using flexlayout without tabview

[adilyoltay]

Is there any option to using FlexLayout without tabview. I only want to enable tabview when window inside to each other I hope I could explain

[nealus]

By using the global options tabSetEnableTabStrip:false, tabSetHeaderHeight:true and with only a single tab in a tabset then it will look similar, to prevent the ability to drop into a tabset you would need to call the model setOnAllowDrop(fn) with a function of the form: (dragNode: Node, dropInfo: DropInfo) => boolean that prevents docking into the center

[nelsieborja]

Hi @nealus, have tried adding those options as you suggested but the header is not showing for me, the header is getting placed behind the panel making it not visible. My code is available here on the codesandbox

[adilyoltay]

I have the same case. I could not solve the problem

[nealus]

With tabSetEnableDrop: false you can prevent dropping into a tabset, so it only has one child, this will still show as a tab, but you could change the css to remove the tab background e.g: change/remove .flexlayout__tab_button--selected background-color you can also remove the close with tabEnableClose: false

Those changes may get you closer to what you want

[nealus]

[nelsieborja]

@nealus that works for me, thanks! Just notice an issue while dragging from outside - it always attempts to drop at the border area first even after setting borderEnableDrop to false, see the red dot inside the border area in the ss below

[nealus]

thanks for reporting that, I've checked in a change that should fix the red dot

[adilyoltay]

thanks for your support..