Ribbon: large amount of entrys

Suite and Optimus Suite 5
#1

Hello,
I want to use ribbon with a large amount of entries. Now, the ribbon is being too big, so not all of the entries are visible. Can anyone help me?

<!DOCTYPE html>
<html>
<head>
	<title>KPI Cockpit GB3</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="/dhtmlx/codebase/dhtmlx.css"/>
	<script src="/dhtmlx/codebase/dhtmlx.js"></script>
	<style>
		html, body {
			width: 100%;
			height: 100%;
			margin: 0px;
			padding: 0px;
			overflow: hidden;
		}
	</style>
	<script>
	    var myLayout;
	    var myRibbon;
		function doOnLoad() {
		    myLayout = new dhtmlXLayoutObject(document.body, "2E");
		    myLayout.cells("a").hideHeader();
		    myLayout.cells("a").attachURL("header.html", true);
		    myLayout.cells("a").setHeight(90);
		    myLayout.cells("a").fixSize(false, true);
		    myLayout.cells("b").hideHeader();
		    myLayout.cells("b").attachURL("gb3.html", true);
		    myRibbon = myLayout.cells("b").attachRibbon({
		        parent: "ribbonObj",
		        icons_path: "/img/",
		        tabs: [
                    {
                        text: "CC 3.1",
                        active: true,
                        items: [
                            {
                                type: 'block', text: 'DSM', mode: 'cols', text_pos: 'top', list: [
                                    { "id": "dsm1", "type": "checkbox", "text": "DSM Avail", checked: true },
                                    { "id": "dsm2", "type": "checkbox", "text": "DSM Perf", checked: true }
    
... ... ...
#2

Hello
Do you mean it length or its height? May be you can to share controls between tabs?
Your code is just for one little ribbon big item…

#3

Hello,
thank you for your answer.
I mean its width. Yes, I think also the best solution is to share the controls between tabs. :bulb:

#4

Yes. Plus it is very comfortable, when you can collect items in tab-groups by functionality or by usage (more or less important commands)

#5

thank you! :stuck_out_tongue:

#6

You are welcome!