aplikacje online

Wyświetlanie kalendarza Google na stronie www – krok po kroku

Autor: dariusztupaj Data: 19 Wrzesień 2009

Aby wyświetlić kalendarz na stronie www czyli tak by był widoczny dla wszystkich trzeba podjąć kilka prostych czynności polegających na przygotowaniu formatu w jakim ma się pojawić.

Aby w ogóle dojść do opcji pozwalającej na umieszczenie kalendarza klikamy na strzałkę po prawej stronie nazwy kalendarza jak pokazano na rysunku:

GCwyswkpk1

Następnie z menu wybieramy ustawienia kalendarza (Calendar settings)

GCwyswkpk2

Pojawi się strona z ustawieniami. Klikamy wówczas opcję zmiany wyglądu osadzanego kalendarza jak pokazano niżej:

GCwyswkpk3

Teraz wprowadzamy szczegółowe ustawienia dotyczące: rozmiaru, języka, koloru, widoczności elementów, układu itp.

Powiększ

Jak widać w obszarze oznaczonym na czerwono wypisane są elementy które mają być widoczne. Można zostawić, lub wedle uznania odznaczyć te które naszym zdaniem niepotrzebnie zmniejszają czytelność widoku.

Kolejnym wartym uwagi ustawieniem jest wybór default view gdzie decydujemy o tym jaki tym widoku będzie na stronie, mamy do wyboru, widok tygodniowy, miesięczny i agendę. Moim zdaniem agenda prezentuje się najlepiej i jest najbardziej dopracowana.
W przypadku widoku tygodniowego i miesięcznego ustawienie szerokości mniejszej niż 420 powoduje że kliknięcie okienko jakie się pojawi po kliknięciu danego zdarzenia będzie częściowo obcięte, ale na to trudno coś poradzić gdy mamy określone miejsce na stronie i nie możemy umieścić szerszego widoku.
Widok agendy rozwiązuje ten problem gdyż nie pojawia się żadne dodatkowe okienko, a jedynie rozwija się opis.
Przy ustawieniu widoku Agendy nie ma też znaczenia ustawienie pierwszego dnia tygodnia (W USA – niedziela u nas poniedziałek) gdyż wszystkie terminy pojawiają jeden pod drugim w kolejności ich występowania.

Jeśli chodzi o język to ustawiłbym ojczysty jako że nie wszyscy (choć zapewne bardzo wielu) znają język angielski.
W prawie najprostszym przypadku przy zminimalizowaniu wymiaru widoku do 300x300px widok wygląda następująco.

ustawienia widoczności elemantów: włączone tylko Tabs

Po ustawieniu wszystkich opcji widoku nie należy zapominać o uaktualnieniu kodu na co zwróciłem uwagę na poprzednim rysunku.

Follow

Otrzymuj każdy nowy wpis na swoją skrzynkę e-mail.