Recurring section doesn't appear. Adding it causes problems

I have a few custom sections and I’m trying to add a recurring appointments section.

scheduler.config.lightbox.sections = [
            { name: 'patient', map_to: 'pid', type: 'patients' },
            { name: 'appttype', height: 22, type: 'select', options: Cal.lbApptTypes, map_to: 't' },
            { name: 'proc', map_to: 'prid', type: 'procedures' },
            { name: 'staff', map_to: 'sid', type: 'staffmembers' },
            { name: "recurring", height: 115, type: "recurring", map_to: "rec_type", button: "recurring" },
		    { name: 'time', height: 72, type: 'time', map_to: 'auto' },
            { name: 'standby', type: 'checkbox', map_to:'sb', checked_value: '1', unchecked_value: '0' },
            { name: 'notes', height: 80, type: 'textarea', map_to: 'n' }
	    ];

adding a recurring section after time section cause the follwing js errors and the recurring section doesn’t appear. It also stops the time section dropdowns from working correctly and I can’t save an event.

Uncaught TypeError: Cannot read property 'nextSibling' of null
scheduler._fill_lightboxdhtmlxscheduler.js:39
scheduler._fill_lightboxdhtmlxscheduler_readonly.js:9
scheduler.showLightboxdhtmlxscheduler.js:39
scheduler._on_mouse_updhtmlxscheduler.js:39
_obj.onmouseupdhtmlxscheduler.js:39

If I add the recurring section anywhere else, nothing happens. it doesn’t appear but there is no error. What is the correct way to add this to the lightbox?

Hello,

Try it following way:

scheduler.config.lightbox.sections = [ { name: 'patient', map_to: 'pid', type: 'patients' }, { name: 'appttype', height: 22, type: 'select', options: Cal.lbApptTypes, map_to: 't' }, { name: 'proc', map_to: 'prid', type: 'procedures' }, { name: 'staff', map_to: 'sid', type: 'staffmembers' }, { name: 'standby', type: 'checkbox', map_to:'sb', checked_value: '1', unchecked_value: '0' }, { name: 'notes', height: 80, type: 'textarea', map_to: 'n' }, { name: "recurring", height: 115, type: "recurring", map_to: "rec_type", button: "recurring" }, { name: 'time', height: 72, type: 'time', map_to: 'auto' }, ];
Best regards,
Ilya

Thanks Ilya, that fixed it!

Ouch, please note that I forgot to delete last trailing comma. It will break javascript in some browsers.

{ name: 'time', height: 72, type: 'time', map_to: 'auto' }

Best regards,
Ilya