Always show add even button in header

Thread ID:	Created:	Updated:	Platform:	Replies:
148349	Oct 16,2019 07:23 AM UTC	Oct 28,2019 04:34 AM UTC	Angular - EJ 2	3

Subscribe to this post

Tags: Schedule

Hasan Rifaii

Asked On October 16, 2019 07:23 AM UTC

Hello,

Add event button is displayed only if the page extra small. I don't know how to let it always displayed even on large screen.

Example :

Reply | Reply with quote

Vinitha Devi Murugan [Syncfusion]

Replied On October 17, 2019 11:33 AM UTC

Hi Hasan,

Syncfusion Greetings.

We have achieved your requirement by using actionBegin event of the scheduler. Please refer below sample.

if (args.requestType === 'toolbarItemRendering') {

const exportItem: ItemModel = {

align: 'Right', showTextOn: 'Both', prefixIcon: 'e-icon-add', cssClass: 'e-add', click: this.onAddClick.bind(this)

};

args.items.push(exportItem);

}

public onAddClick(): void {

this.scheduleObj.openEditor(this.scheduleObj.activeCellsData,'Add');

}

Regards,

M.Vinitha devi

Reply | Reply with quote

Hasan Rifaii

Replied On October 27, 2019 02:48 PM UTC

It works.

Thank you

Reply | Reply with quote

Vinitha Devi Murugan [Syncfusion]

Replied On October 28, 2019 04:34 AM UTC

Hi Hasan,

We are happy to hear that our solution has fulfilled your requirement.

Regards,

M.Vinitha devi

Reply | Reply with quote

CONTACT US

CONTACT US