whether therer is one way to use zindex on accordion component in my webpage

Webix JS
1

with header and body, when click the header, the body get collapsed, then the bottom layer show up!!

2

You can place accordion in the window

3

good suggestion!! thanks Viktor, let me have a try

4

later i try your suggestion by placing the accordionitem in window (accordion’s child), but it seems not acceptable by window about the collapse feature!! even i set the height and width auto adaption！

    webix.ui({
       view:"window",
       id:"win_1",
       move:true,
       autoheight:true,
       autowidth:true,
       left:60, top:269,

       head:false,
       body:{
         // template:"Some text"
         view:"accordionitem",
         header:"title 1",
         body:"content 1", 
         disabled:false,
         // collapsed: false,
         width:400
       }
  	}).show();
5

Check the next sample http://webix.com/snippet/a65499e4

It uses accordion, not accordionitem. Also autoheight mode was enabled for the template.

6

thanks maksim, that work!!

one more question: actually i want the whole square could collapse horizontally, so i change it a litttle bit: (change rows to cols)

    view:"accordion",
    cols:[{
    header:"套餐选择-1",
    body:{ template:"content 1", autoheight:true },
    width:400,
    height:282,
    }],

but after the collapse, the backgroud seems has some shadows. you ca have a try!! interesting ！but that is ok for me , that use collapse vertically !!

thanks again maksim and Viktor

7

I can confirm the issue. Fix will be included in the next build.