Limiting width of columns in Scheduler mvc

[Attila]

Hi

I am trying to make the scheduler, day week and month views to fit only a single screen without needing to horizontally scroll. But each day takes up 50% of the screen and its totally unnecessary wasting of the screen space.

Google searches dont give me results, or tell me that it cannot be done.. AND YET, every single demo on the telerik website perfectly fits into a div that takes up 80% of the width of the screen. So its possible, dont tell me it is not. 

How?

Here is some code:

cshtml file:

@model project.models.schedulerModel
@using Kendo.Mvc.UI
<div id="appointmentCalenderContainer" class="calenderContainer">
	@(
	Html.Kendo().Scheduler<SchedulerModelTaskViewModel>()
		.Name("appointmentsCalender")
		.Width(1880)
		.Height(820)
		.Editable(true)
		.AllDaySlot(false)
		.EventTemplate("<div class='eventBox'><div class='eventInner'><span>#= title #</span></div><div class='eventInner'><span>#= description #</span></div></div>")
		.Views(views => {
			views.DayView(x => x.Selected(true));
			views.WeekView();
			views.MonthView();
		})
		.DataSource(d => d
			.Model(m => {
				m.Id(f => f.TaskID);
			})
			.Read("Read", "CitizenDashboard")
			.Create("Create", "CitizenDashboard")
			.Destroy("Destroy", "CitizenDashboard")
			.Update("Update", "CitizenDashboard")
		)
	)
</div>

[Attila]

Nevermind

It seems the person who worked on this project before me, added some css that specificly set the width of all elements to 5000px width. Once i removed that css it all worked.

Funny how this always happens, i struggle for days or weeks, and when i finally make a forum question, i find the problem the next day. 

[Anton Mironov]

Hi Attila,

I am glad to hear that the issue you were facing is now resolved.

If any further assistance is needed, do not hesitate to contact me and the team.

Kind Regards,
Anton Mironov