Room scheduler problems

Hi!! 
a) I'm having problems hiding the group column in my Room scheduler, is there any way I can achieve this?

I mean, I only want to display the events 

Captura de Pantalla 2021-11-25 a la(s) 0.36.08.png


b) the other problem that I have is that I want a full-height in my events components but I couldn't achieve this
I mean, expand the component to 100% height like this example: 

Captura de Pantalla 2021-11-25 a la(s) 0.41.59.png


Thanks!

Brandon



1 Reply 1 reply marked as answer

PN Praveenkumar Narasimhanaidu Syncfusion Team November 26, 2021 09:56 AM UTC

Hi Brandon, 

Greetings from Syncfusion support..! 

Please find the responses for your queries below. 

Q1.I'm having problems hiding the group column in my Room scheduler, is there any way I can achieve this? 

We have validated your requirement at our end and let you know that with the help below CSS, you can achieve it. 

Index.css 
/* to hide resource column */ 

.timeline-resource.e-schedule .e-timeline-view .e-resource-left-td, 
.e-schedule .e-outer-table > tbody > tr:nth-child(2) > td:nth-child(1) { 
  display: none; 

Q2. the other problem that I have is that I want a full-height in my events components  

By enabling scheduler’s enableMaxHeight property you can get full height for your appointments. 

Index.js 
 eventSettings={{ 
                enableMaxHeight: true, 
                dataSource: this.data, 
                fields: { 
                  id: 'Id', 
                  subject: { title: 'Summary', name: 'Subject' }, 
                  location: { title: 'Location', name: 'Location' }, 
                  description: { title: 'Comments', name: 'Description' }, 
                  startTime: { title: 'From', name: 'StartTime' }, 
                  endTime: { title: 'To', name: 'EndTime' }, 
                }, 
              }} 


Output:  
 

Kindly try the above solution and get back to us if you need any further assistance. 

Regards, 
Praveenkumar 


Marked as answer
Loader.
Up arrow icon