Ribbon - need calendar control and height property

Suite and Optimus Suite 5
#1

is there a calendar item type in ribbon, it would save so much time if it was a part of the ribbon.

Also is there a way to adjust the height of the ribbon when it attached to a layout?
because when attach a ribbon to a layout it looks very long in height.

thanx…

#2

Hi
There is no calendar type item in ribbon, but you can try to add calenda to reibbon’s input type control:
docs.dhtmlx.com/ribbon__input.html
Abot height: it is fixed (by design)

#3

Execuse me…
kindly I need more explaining about adding calendar to the ribbon,
I have already seen the example, but do you mean to use getInput method (not working with ribbon) or using another method…

thankx

#4

Try the next code sample:

[code]

Init from object // add once, make sure dhtmlx is loaded dhtmlXRibbon.prototype.getInput = function(id){ var item = this._items[id]; if (item == null || item.type != "input") return null; return item.base.getElementsByTagName("input")[0]; }; var myRibbon, calendarInput, myCalendar; var data = { parent: "ribbonObj", icons_path: "../samples/dhtmlxRibbon/common/", items: [{ type:'block', text:'office document', list:[ {type: "group", list: [ {id: "input_1", type:"input", text:"input 1"} ]}, {"id": "input_2", "type":"input", "width": 130}, {"id": "input_3", "type":"input", "text": "input 3", value: "Any text"} ] } ] }; 
	function doOnLoad() {
		myRibbon = new dhtmlXRibbon(data);
		calendarInput = myRibbon.getInput("input_2");
		console.log(calendarInput)
		myCalendar = new dhtmlXCalendarObject(calendarInput);
	};
</script>
[/code]
#5

It works like cheers!

Thankx …

#6

You are welcome!