Ribbon buttonSelect not working

Suite and Optimus Suite 5
#1

Dear Sirs

I tried to implement a buttonSelect with Ribbon but something is still not working. I’m searching since hours but i still don’t understand my failure.
I can see the group as shown on the picture but if i click the menu with my 2 more options does not open.


<link href="../../dhtmlx/Ribbon/skins/material/dhtmlxribbon.css" rel="stylesheet" type="text/css">

<script src="../../dhtmlx/Ribbon/codebase/dhtmlxribbon.js"></script>

var RibbonData = {
   parent: "ribbonbox",
   icons_path: "../../images/icons/",
   items: [					
	   {id: "block_3", type:"block", text:"Extras", mode: "cols", list:[
		   {id: "extras", type:"buttonSelect", text:"", isbig: true, img: "48/extra.png", items: [
			   {id: "telefon", text: "T - Book", img: "16/telefon.png"},
			   {id: "sep0", type: "separator"},
			   {id: "optionen", text: "Optionen", img: "16/setup.png"}
		   ]}
	   ]}
   ]	
};

var Ribbon = new dhtmlXRibbon(RibbonData);

Please, can anyone help me with this? I really don’t understand what i’m doing wrong.

Thank you and best regards
Olsi

#2

Unfortunately your problem cannot be reconstructed locally.
Your code works correctly for me:
snippet.dhtmlx.com/43d9ea0de

#3

Hello and thank you for your reply.
It seems to be a problem with the actual Firefox version ?! Testing the code in Chrome and IE works fine.
Any ideas ?

Thank you

#4

I’m going crazy :frowning:

This is the whole source:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
        <link href="../../dhtmlx/Ribbon/skins/material/dhtmlxribbon.css" rel="stylesheet" type="text/css">
        <script src="../../dhtmlx/Ribbon/codebase/dhtmlxribbon.js" type="text/javascript"></script>
        <script type="text/javascript">
          	function doOnLoad() {
				    var RibbonData = {
					    parent: "ribbonbox",
					    icons_path: "../../images/icons/",
					    items: [
						    {id: "block_1", type: "block", text: "Extras", mode: "cols", list:[
							    {id: "extra", type: "buttonSelect", text: "Test", isbig: true, img: "", items:[
								    {id: "test 1", text: "Test 1", img: ""},
								    {id: "test 2", text: "Test 2", img: ""}
							    ]}
						    ]}
					    ]	
				    };
				    var Ribbon = new dhtmlXRibbon(RibbonData);
        	  };
		</script>
	</head>

	<body onload="doOnLoad()">
    	<div id="ribbonbox"></div>			
	</body>
</html>

If i upload this script on my server the menu (“Test 1” / “Test 2”) doesn’t open on pressing the button.
But if i copy this source into dhtmlx Snippets the Menu opens:

dhtmlx_1.jpg1914×620 135 KB

But gives an Error ! What does that SyntaxError mean ?


While debugging i got another error:


Can please anybody help me with this because i really don’t understand the problem but need this function extremely immediatly :frowning:

Thank you
Olsi

#5

Your ribbon is correctly initialized:
snippet.dhtmlx.com/aa0ead718

If the problem still occurs for you please, provide with a complete demo, where the problem can be reconstructed locally.
Here you can find a tutorial about creating a complete demo:
docs.dhtmlx.com/tutorials__auxi … pport.html

#6

Hello sematik

The problem still occurs. I attached a Demo and really hope someone can help me with this.

Thank you
Demo Ribbon.rar (1.68 MB)

#7

Your provided demo works well in all the browsers.
Please, check it.