Collapse All Project

[mehmet yanbak]

Hi,

I want all projects to collapse when the component is initialize. So events should not appear when component initialize.  How can I do this ? Please find attached a sample image. 

Attachment: schedule_fae66491.rar

[Vinitha Devi Murugan]

Hi mehmet, 

 

Syncfusion Greetings. 

 

To collapse the parent resource at initial load, kindly use expandedField as below.  

 

https://stackblitz.com/edit/angular-8v9qxm-eotpjs?file=app.component.html  

https://ej2.syncfusion.com/angular/documentation/api/schedule/#resources 

https://ej2.syncfusion.com/angular/documentation/api/schedule/resourcesModel/#expandedfield 

 

<e-resources> 

             <e-resource field='ProjectId' title='Choose Project' [dataSource]='projectDataSource' [allowMultiple]='allowMultiple' name='Projects' 

                    textField='text' idField='id' colorField='color' expandedField='Expand' > 

                </e-resource> 

 

public projectDataSource: Object[] = [ 

        { text: 'PROJECT 1', id: 1, color: '#cb6bb2', Expand:false }, 

        { text: 'PROJECT 2', id: 2, color: '#56ca85', Expand:false }, 

        { text: 'PROJECT 3', id: 3, color: '#df5286', Expand: false } 

    ]; 

 

Regards, 

M.Vinitha devi 

[mehmet yanbak]

Hi,

It works. Thank you so much for your support :)

[Vinitha Devi Murugan]

  

Hi Mehmet, 

 

You are most welcome 😊. 

 

Regards, 

M.Vinitha devi