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
Darya
July 10, 2013, 2:34pm
#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]