Fullcalendar layout in MVC

See more:

MVC4

Hi everyone,

How to change fullcalendar layour from Vertical to horizontal.

E.G
Current it display as follows

6am -------
7am-------
8am------

what I want to archieve

6am|7am|8am





Thanks

What I have tried:

$('#calendar').fullCalendar({
         header: {
             left: 'prev,next today',
             center: 'title',
             right: 'month,agendaWeek,agendaDay'
         },
         defaultView: 'agendaDay',
         editable: true,
         allDaySlot: false,
         selectable: true,
         slotMinutes: 15,
         events: '/Home/GetDiaryEvents/',
         eventClick: function (calEvent, jsEvent, view) {
             alert('You clicked on event id: ' + calEvent.id
                 + "\nSpecial ID: " + calEvent.someKey
                 + "\nAnd the title is: " + calEvent.title);

         },