Support > Wagby Developer Network(R8) > Advanced usage > 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.


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.