Support > Repository > Portal > Calendar portlet (classic)

I will show you how to display model information in the calendar of the portal screen with the model corresponding to the classic calendar view.

Wagbyのカレンダは「クラシック」と「モダン」の2通りが提供されています。ここで説明するのは「クラシック」カレンダビューに対応するポートレットです。

Open the calendar portlet setting screen from the portlet list.Select "jfcScheduleCalendarPortlet".(Figure 1)

Figure 1 Setting the calendar portlet

Change the title.Also, in the referenced model, specify the model (in this case "schedule" model) for which the calendar view function has been set.

Figure 2 Specifying the target model

The information on the "Calendar" model set above will be displayed on the portlet.Figure 3 shows an example of a weekly display.

Figure 3 Calendar portlet display (weekly)

You can change the display method by selecting "day" "4 days" "month" respectively.(FIG. 4, FIG. 5, FIG. 6)

Fig. 4 Daily display
Figure 5 Display in 4 days
Figure 6 Monthly display
In the calendar portlet, you can not change the displayed data.It becomes viewing only.

In the "script" of the calendar portlet, a code for initial value setting is prepared.You can customize by editing this.

Figure 7 Script field of the calendar portlet

The scripts provided are as follows.Provide initial parameters in JSON format (to calendar portlet).

function jfcCalendarPortletOption() {
  return {
    "dateInterval": "week", // week:週表示, month:月表示
    "minHours": 8,          // 週表示時の開始時刻
    "maxHours": 24          // 週表示時の終了時刻
  };
}

For example, you can fix the initial display as "month" by modifying it as follows.You can also set the start time from 1 o'clock to 23 o'clock when switching to Week view.

function jfcCalendarPortletOption() {
  return {
    "dateInterval": "month", // week:週表示, month:月表示
    "minHours": 1,          // 週表示時の開始時刻
    "maxHours": 23          // 週表示時の終了時刻
  };
}
Build is unnecessary.After correction, it will be reflected on the portal screen immediately.