Always show add even button in header

[Hasan Rifaii]

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 :

[Vinitha Devi Murugan]

Hi Hasan, 

 

Syncfusion Greetings. 

 

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

 

https://stackblitz.com/edit/angular-9amctc-j11pqp?file=app.component.ts  

 

    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 

[Hasan Rifaii]

It works.

Thank you

[Vinitha Devi Murugan]

Hi Hasan, 

 

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

 

Regards, 

M.Vinitha devi