Set textrea 'details' form height

Discontinued products Scheduler for Mobile and Touch devices
#1

Hello, i have problem with Textarea details i want to customize it’s height. But it not works.
I customize it because textarea height too patch in iphone view. May be you can see this image.

I try to configure like this : scheduler.config.form = [ {view:"text", id:'text', label:scheduler.locale.labels.label_event, name:'text'}, {view:"datetext", id:'start_date', label:scheduler.locale.labels.label_start, name:'start_date', dateFormat:scheduler.config.form_date}, {view:"datetext", id:'end_date', label:scheduler.locale.labels.label_end, name:'end_date', dateFormat:scheduler.config.form_date}, {view:"toggle", id:'allDay', label:"", align: "right", value:"0", options: [ {value:"0",label:scheduler.locale.labels.label_time}, {value:"1",label:scheduler.locale.labels.label_allday} ]}, {view:"textarea", id:'details', label:labels.label_details, name:'details',height:100} // I change in this height but not working. ];
Any ideas?
Please help me,
Thank you

#2

Hello,

All views of the form have fixed height (height for text, datetext and toggle views are hardcoded). Howerver, there can not be empty spaces in Form. Therefore, the last view occupies all free space. To keep the textarea height as in config, you need to add additional row (an empty view) that will take free space:

scheduler.config.form = [ {view:"text", label:scheduler.locale.labels.label_event, id:"text", name:'text'}, {view:"datetext", label:scheduler.locale.labels.label_start, id:'start_date',name:'start_date', dateFormat:scheduler.config.form_date}, {view:"datetext", label:scheduler.locale.labels.label_end, id:'end_date',name:'end_date', dateFormat:scheduler.config.form_date}, {view:"toggle", id:'allDay', label:"", options: [{value:"0",label:scheduler.locale.labels.label_time}, {value:"1",label:scheduler.locale.labels.label_allday}], align: "right",value:"0"}, {view:"textarea", label:scheduler.locale.label_details, name:'details', height:100}, {} ];

#3

Thank you,
I try to add text component, but it not works. Not show.

This my code :

[code]function init() {
scheduler.config.bottom_toolbar = [
{view:‘button’, inputWidth:80, width:80, id:“back”, align:“left”, label:“Home”, click:“showLocation”},
{ view:“segmented”, id:“buttons”,selected:“list”,align:“center”,multiview:true, options:[
{value:“list”, label:scheduler.locale.labels.list_tab,width:scheduler.xy.list_tab},
{value:“day”, label:scheduler.locale.labels.day_tab,width:scheduler.xy.day_tab},
{value:“month”, label:scheduler.locale.labels.month_tab,width:scheduler.xy.month_tab}
]},
{ view:“button”,css:“add”,id:“add”, align:“right”,label:"+",inputWidth:40
,width:50},
{ view:“label”, label:"",inputWidth:42,width:50, batch:“readonly”}
];

// ******************************************************************************************************************

		scheduler.config.form = [
			{view:"text",     id:'text',       label:scheduler.locale.labels.label_event, name:'text'},
			{view:"datetext", id:'start_date', label:scheduler.locale.labels.label_start, name:'start_date', dateFormat:scheduler.config.form_date},
			{view:"datetext", id:'end_date',   label:scheduler.locale.labels.label_end,   name:'end_date',   dateFormat:scheduler.config.form_date},
			{view:"toggle",   id:'allDay',     label:"", align: "right", value:"0", options: [
				 {value:"0",label:scheduler.locale.labels.label_time},               
				 {value:"1",label:scheduler.locale.labels.label_allday}
			]},
			{view:"textarea", id:'details',    label:labels.label_details, name:'details',height:100},
			{view:"text",     id:'text',       label:scheduler.locale.labels.label_event, name:'text'}
		];
	}[/code]

I try to add two configuration, for bottom toolbar and form input. It is correct?

Thank you

#4

Try to use scheduler.locale.labels.label_details instead of labels.label_details:
…
{view:“textarea”, label:scheduler.locale.labels.label_details, name:‘details’, height:100},
…

I try to add two configuration, for bottom toolbar and form input. It is correct?

Yes, it is. But init() method should be called before dhx.ready(…).

#5

Wow, works nice :smiley: thank you Alexandra.
Now my scheduler look nice :slight_smile:
Thanks again :slight_smile: