About Height of Accordion

Suite and Optimus Suite 5
#1

Hi,
I need Accordion with height=100% - in my code height ofitem of accordion may not fixed.
Can I use height of item 100%?
I see example with:

function doOnLoad() {
    var dhxAccorData = {
        parent: "accordObj",
        icon_path: "../common/",
        multi_mode: true,
        items: [{
            id: "a1",
            text: "Gothic 3 Forsaken Gods",
            img: "icon3.gif",
            height: 200
        }, {
            id: "a2",
            text: "NFS Undercover",
            open: false
        }, {
            id: "a3",
            text: "Diablo 2 Lord Of Destruction",
            open: false
        }],
        effect: true;
    };

But in this - height is fiexed.
how I can use height of item 100%?

#2

Hi
Don’t use “multimode: true” and do not set “height: 200”, just set “open: true”
Look at the sample:
dhtmlx.com/docs/products/dht … _open.html

#3

After create accordion I attach div with width=500px, so how refresh tabs?
Because tabs been with old size.
In my case I don’t now size of tabs.

<div id="item1" style="height:100%;" >
    asdas
 </div>
<div id="accordObj1" style="position: relative; width: 730px;"></div>
<script>
var dhxAccord1;
 var dhxAccorData = {
		        parent: "accordObj1",
		        multi_mode: false,
		        items: [{
		            id: "a1",
		            text: "Gothic 3 Forsaken Gods",
		            open: true
		        }, {
		            id: "a2",
		            text: "NFS Undercover",
		            open: false
		        }, {
		            id: "a3",
		            text: "Diablo 2 Lord Of Destruction",
		            open: false
		        }],
		        effect: true
};
dhxAccord1 = new dhtmlXAccordion(dhxAccorData);
dhxAccord1.setSkin("dhx_blue");
var obj = document.getElementById("item1");
dhxAccord1.cells("a2").attachObject(obj);	

</script>

accord.png739×204 4.98 KB

#4

Based on your code made a nice demo for you
acc_demo.rar (18.5 KB)

#5

This example about outer div, so setSizes - function for this. But my situation about inner div in tab. So, this example not solve my problem.

#6

Please, describe in detail that do you do to reproduce the issue ans attach completed demo:
docs.dhtmlx.com/doku.php?id=othe … leted_demo

#7

In my case…
3-4 div’s with other height. In tag

attribute height=100%. So I don’t know size of div’s.
In you axample you talk about size of component. But I need size of tabs, and size of componen will bee size of largest tab.
So, can I do it on Accordion?
#8

Could you provide us an image, how do you see it (with more detailed comments)?

About tab heigt: see my sample with all the skins, which show all the possibilities of tab height increase (you can apply 40 px max)
Tabbar_sample.rar (32 KB)