Cuba Sampler App Side menu

Support
#1

How to create side menu like the one in cuba sampler app (seachable, exapand and collapsable) ?
Could you publish the source of cubasampler app ?

Capture

#2

Hi,

in the sampler application in looks like they have used the following UI components:

  • SplitPanel for menu / content separation
  • Tree for actual menu items
  • setItemClickAction on Tree for selection of a subpart of the docs
  • manual search box that filters the datasource that is used as a basis for the tree

So i guess this should give you a hint on how to get going.

Bye,
Mario

#3

We will publish the sampler project on GitHub in the next few days.

#4

wow, perfectly!

#5

Mario, Thank you for your explanation.

Konstantin, publish it soon :slight_smile:

#6

Hi guys,
The sampler app is on GitHub:

1 Like
#7

Thank you! Will check it out

#8

Hi Konstantin.

Can you explain how it’s mounted three in lateral panel?

I see code of the main windows and layout, and there are not any refrence to menu :frowning:

I’ve attached screenshot

2016-08-18_11-45-46

#9

Hello Ivan,

Have a look at com.haulmont.sampler.web.app.folders.SamplerFoldersPane. This class extends com.haulmont.cuba.web.app.folders.CubaFoldersPane and describes the left side pane of the main window.

Regards, Gleb.

#10

Hi,
I am new to this.
Can anyone explain how menu items are mapped in sampler project.
I tried to understand SamplerFoldePane java code… but I am not able to get the flow. (My lack of knowledge)
If you show some simple example then it will help me to understand.
Regards,
Velankanni J