This is a migrated thread and some comments may be shown as answers.

[Solved] how to show all day event for different attendees

5 Answers 151 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Lilan
Top achievements
Rank 2
Lilan asked on 23 Apr 2015, 07:27 AM

hi, 

 I like to show only one event per day for different attendees in timeline view angularjs. i removed times column but it shows time rows as below example 

http://dojo.telerik.com/eBoVo

 i need to show only one event for whole day where it will remove time rows from the scheduler. 

 

Thanks 

Lilan

5 Answers, 1 is accepted

Sort by
0
Vladimir Iliev
Telerik team
answered on 23 Apr 2015, 08:49 AM
Hello Lilan,

The desired behavior of hiding the times rows is not supported out of the box - that why I would suggest to use the "timeline" view to achieve the desired behavior. Please check the example configuration below:

Additionally you can implement custom restrictions in order to prevent the user from creating more than one event for given employee for given day. Similar example is available in our online demos:

Regards,
Vladimir Iliev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Lilan
Top achievements
Rank 2
answered on 24 Apr 2015, 04:22 AM

Hello Vladimir , 

 This is what i needed, but can't we remove/hide time bar, i tried this way but it was not succeeded and i tried it from css, unfortunately it was not  succeeded . 

Code applied

dataBinding: function(e) {
var view = this.view();

view.times.hide();
view.timesHeader.hide();
},

 CSS applied 

.k-scheduler-times {  display: none;}

 please find modified sample. 

 

 http://dojo.telerik.com/@lilan123/iHiDo

Thanks 

Lilan. 

0
Accepted
Vladimir Iliev
Telerik team
answered on 24 Apr 2015, 07:48 AM
Hi Lilan,

Please check the example below of how to hide the "timeline" view times row:

Regards,
Vladimir Iliev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Lilan
Top achievements
Rank 2
answered on 24 Apr 2015, 07:52 AM

Hello Vladimir , 

 But it hides date header as well. and i removed this line 

view.datesHeader.find("tr:last").prev().hide();

it wasn't helped. 

 

Thanks 

Lilan

0
Lilan
Top achievements
Rank 2
answered on 24 Apr 2015, 07:58 AM

 Hello Vladimir , 

Thanks a lot for the help and it was succeeded finally. please check the sample as below. this will help others who wants same requirement as mine.  

http://dojo.telerik.com/@lilan123/oXoPo/2

Thanks, 

Lilan

Tags
General Discussions
Asked by
Lilan
Top achievements
Rank 2
Answers by
Vladimir Iliev
Telerik team
Lilan
Top achievements
Rank 2
Share this question
or