Hi,

in the TEAM example it is possible to show/hide the menu at the left side by collapsing/opening the panel.

How did he made this? I can not find any setting/variable for panels to create this.

Kind regards, Jan Willem Vermeer

asked 17 Sep '15, 06:17

Jan%20Willem%20Vermeer's gravatar image

Jan Willem V...
1431436
accept rate: 0%


Hi Jan Willem

They do not use a panel, but an accordionPanel to place the menu tree in.

Rgds, Michiel A.

link

answered 17 Sep '15, 07:49

Michiel%20A's gravatar image

Michiel A
5161749
accept rate: 13%

Ok Michiel, but as far as i know, the accordions can only be vertical, so collaps/open vertically. Their menu collaps horizontally. I have tried every accordionpanel setting but none of them sets the orientation to horizontal.

Kind regards, JW

link

answered 17 Sep '15, 09:11

Jan%20Willem%20Vermeer's gravatar image

Jan Willem V...
1431436
accept rate: 0%

Ok, then you probably mean the splitPanel that collapses the entire menu to the left of the screen. That can be set to vertical or horizontal.

link

answered 17 Sep '15, 09:20

Michiel%20A's gravatar image

Michiel A
5161749
accept rate: 13%

I do not think they use a split panel, because their menupanel just collapses and that's not possible for split panels. I hope Michael will see my question :)

(17 Sep '15, 09:39) Jan Willem V...

YES ! I found it. This appears to be splitpanel functionality. You can not only change the divider position, you can also click on it and then the left panel is collapsed.

I did not see this because the divider width is only a few pixels. So now i am searching for a way the increase the divider width because no user will notice this.

KR, JW

link

answered 18 Sep '15, 04:26

Jan%20Willem%20Vermeer's gravatar image

Jan Willem V...
1431436
accept rate: 0%

setting the width of the split click area can be set in CSS Set width in x-layout-split-west (vertical split) or height in .x-layout-split-north (horizontal split) But then you will probably need a wider image as well..

(18 Sep '15, 05:09) Michiel A
Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

  • *italic* or _italic_
  • **bold** or __bold__
  • link:[text](http://url.com/ "title")
  • image?![alt text](/path/img.jpg "title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Tags:

×35
×6
×4

Asked: 17 Sep '15, 06:17

Seen: 1,084 times

Last updated: 18 Sep '15, 05:09


© Copyright Gerger 2017