サイトにGoogleカレンダーを埋め込んで複数予定を登録したら「他○件」と予定がまとめられてしまう
お客様のサイトで営業カレンダーをGoogleCalendarで管理することになり、
そのカレンダーをサイトにカレンダーを埋め込んでいたら複数予定を登録したら「他○件」と予定がまとめられてしまいイベントが表示されないとのご相談をいただいた。
※画面はテストサンプル
実際は3月が他2件と予定がひとまとめにされていて、けれど2月と4月は2件登録されていてもきちんと表示されている…というヘンテコな表示。
原因は埋め込んだときのiframeの高さ。
2月、4月はカレンダーが5段で表示されるが、3月は31日まであるのが原因でカレンダーが6段になる。
そのため6段を今までのカレンダーの高さで表示しようとすると、高さが狭いため、
2件表示するのがむずかしく、予定が省略されて他2件、とまとめられてしまう。
解決方法はカレンダーの高さを変更すること
そのため、カレンダーの高さをひろげてみたところ3月もきちんと表示されるようになった。
※画面はテストサンプル
3件登録されても表示できるようにを目安に修正前と比べたらぐっと高さアップ！
サンプル画面を2月でキャプったので解説と画面がバラバラですまん寝。
