Multiple sections in StatusBar

Suite and Optimus Suite 5
#1

How do you divide an attached Layout StatusBar into multiple sections? I read the doc
[url]Start DHTMLX Docs, however it is very convoluted and not easy to understand, i.e. where does the various pieces go? What I need is a way to specify various texts and icons spread across the statusbar, individually accessible through some identifier, so I can easily change content. I full example source would be very helpful.

#2

Status bas is a container, and in theory you can place there anything you want. I.e. shtmlxForm:

[code]

dhtmlx_pro_full_test html,body { height: 100%; margin: 0px; overflow: hidden; background-color: #cecece} .dhtmlx_skin_dhx_skyblue div.dhxcont_sb_container div.dhxcont_statusbar{ height: 30px !important; background-image: none; background-color: #FFFFFF; } .dhtmlx_skin_dhx_skyblue div.dhxcont_sb_container { height: 30px !important; background-image: none; background-color: #FFFFFF; }
[/code] Result:
#3

By analogy you can place any HTML content (i.e. like paging in dhtmlxGrid)

#4

Thanks, I ended up doing something like this to position things absolutely along the status bar

                moUI.statusMain.setText("<style type=\"text/css\">  </style><div id=\"toolbarObj\"></div><div><span id=\"status_txt\" style=\"max-width: 400px; position:absolute;left:0;top:0\"> Initializing.</span> <img id=\"status_img\" src=\"" + URL_TOOLBAR_IMAGES + "database.png\" alt=\"\" style=\"max-width: 400px; position:absolute;left:100px;top:0\"/></span><span id=\"operation_txt\" style=\"max-width: 400px; position:absolute;left:200px;top:0;\">COPY</span></div>");
                document.getElementById("status_txt").textContent = "Initializing.";
                document.getElementById("operation_txt").textContent = "COPY";
#5

You are welcome!
Hope you’ve got fine result :slight_smile: