Responsive Fullscreen FullCalendar with p-schedule tag

UI Components for Angular
Post Reply
gozde
Posts: 4
Joined: 08 Jun 2018, 11:09

18 Jul 2018, 11:36

We use Morpheus theme and we have a problem with p-shedule tag. We want to be fullscreen fullcalendar with using p-schedule tag in responsive mode. But height:'parent' feature of fullcalendar is not working with p-schedule . How can we fix this issue? Our code is below:

Code: Select all

<div class="calendar-container">
  <p-schedule id="calendar" locale="en" [events]="events" [options]="calendarOptions" i18n-locale></p-schedule>
</div>

Code: Select all

this.calendarOptions = {

	  defaultView: 'agendaWeek',
          height:'parent',
      }

Code: Select all

 .calendar-container {
   position: relative;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   height: 100%;
 }

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 11 guests