Change header size in accordion

Suite and Optimus Suite 5
#1

Dear all,

I use Accordion (V3.6) with skin dhx_black. I change the “div.dhx_acc_base_dhx_black div.dhx_acc_item div.dhx_acc_item_label” from height and line height 24 to 44.

The content (picture and text) seams to be higher but the frame of each header is still 24px so the content is truncated.

setHeight is set for each header to 200px.

What to I need to change to get higher headers???

Greetings

#2

Hello
Try the approach below:

[code]

Layout's Cell-Based Init 
<link rel="stylesheet" type="text/css" href="../dhtmlxAccordion/codebase/skins/dhtmlxaccordion_dhx_black.css">
<script src="../dhtmlxAccordion/sources/dhtmlxcommon.js"></script>
<script src="../dhtmlxAccordion/sources/dhtmlxaccordion.js"></script>
<script src="../dhtmlxAccordion/sources/dhtmlxcontainer.js"></script>

<style>
	html,body { height: 100%; margin: 0px; overflow: hidden; }
    div.dhx_acc_base_dhx_black div.dhx_acc_item div.dhx_acc_item_label {
        height: 44px;
        line-height: 44px
    }
    .dhxcont_global_content_area {
        top: 44px !important;
    }
</style>

<script>
    function doOnLoad() {
        dhxAccord = new dhtmlXAccordion("accordObj");
        dhxAccord.skinParams.dhx_black.cell_height = 44; // doing the trick

        dhxAccord.setSkin("dhx_black");
        dhxAccord.addItem("a1", "1: Direct Scanner Trigger Input");
        dhxAccord.addItem("a2", "2: Scanner Output or File Import");
        dhxAccord.addItem("a3", "3: Generic");

        dhxAccord.cells("a1").attachObject("cella1content");

        dhxAccord.cells("a1").open();
    }
</script>
1
2
3
4
5
[/code]
#3

Great, works…

Thanks a lot.

#4

You are welcome!