[SOLVED!] layout expandMode float

[roberto]

Hi,
I need to define the west panel floating on the cell phone and docked on the computer. I tried
expandMode = isMobile ()? 'float': 'dock'
isMobile works well, but regardless of the value in expandMode, the panel is still docked
The panel is expanded and collapsed using a button and not using the tool in the title bar
It's possible?

[jarry]

Please look at this example http://code.reloado.com/ajetan/edit#preview. It works fine.

[roberto]

thanks, but I don't want the title to be shown. I need to show the west panel when I click on a button like you did to collapse

[jarry]

Please set the 'hideExpandTool' to true to hide the title bar. Here is the updated example

http://code.reloado.com/ajetan/2/edit#preview

[roberto]

Hi again
It's an old question, but I still need an answer. Tried drawer but can't fit the panel like the layout does.
Does float no longer work in layout?

[roberto]

I notice that clicking on the header the panel appears floated. How to trigger this event?

[jarry]

Please call the 'collapse' method to collapse the region panel.

Code:

$(...).layout('collapse','west')

[roberto]

Hi,
Tankyou for the answer but my point is very simple: Ok it can expand but docked and I need to float on mobile devices. I can simulate doing something like this:

var west = $('#mylayout'). layout ('panel', 'west');
var b = west.panel('options'). find('.panel body');
b.trigger ('click');

It works the way I want it (but I don't really know if it's safe!), but there's another weird effect: the center region is scrolled all the way to the right :-).

[jarry]

On the mobile device, the 'expandMode' can be set to 'float' and the 'collapsedSize' can be set to '0' to hide the collapsed bar.

Code:

<div data-options="region:'west',split:true,border:false,expandMode:'float',hideExpandTool:true,collapsedSize:0" title="west" style="width:150px;">
...
</div>

Call this code to collapse the west panel.

Code:

$(...).layout('expand','west');

Call this code to expand the west panel.

Code:

$(...).layout('panel','expandWest').trigger('click');

[roberto]

THANK YOU VERY MUCH