Block Control

allows combining several sense-connected items

Attributes

id	string\|number	the block's id
type	string	the "block" type
text	string	the block’s label
text_pos	string	the label’s position: “top” or “bottom”
mode	boolean	defines how the user will specify the items in the block: by columns (“cols”) or by rows (“rows”)
list	array	an array of items in the block

myRibbon = new dhtmlXRibbon({
    parent: "myRibbon",
    icons_path: "../codebase/ribbon/",
    items : [
        {id : "block_1", type:'block', text:'Block #1', mode:'cols', list:[
            {type:'button', text:'Open', isbig : true, img : "48/open.gif"},
            {type:'button', text:'new' , img : "18/new.gif"},
            {type:'button', text:'cut', img : "18/cut.gif" }
        ]},
        {id : "block_2", type:'block', text:'Block #2', text_pos: 'top', list:[
            {type:'button', text:'copy' , img : "18/copy.gif"},
            {type:'button', text:'print' , img : "18/print.gif"},
            {type:'button', text:'paste', img : "48/paste.gif", isbig : true }
        ]},
        {id : "block_1", type : "block", list : [
            {type : "button", text : "save", isbig : true, img : "48/save.gif"}
        ]}
    ]
});

Related sample: Init from object