Comment créer un agenda ?

Bonjour et bienvenue dans un nouveau tutoriel !

Aujourd'hui nous allons apprendre ensemble à créer un Calendrier dans votre app.

Allons ajouter notre section dans le menu My app > Content > Sections.

Je clique sur Add a section.

Je choisis Calendar.

Je nomme ma section et je l'ajoute.

Allons maintenant éditer le contenu.

Je clique sur Create an event.

Je donne un titre à mon évènement.

Je choisis la date et l'heure de début, la date et l'heure de fin?

Je peux aussi indiquer que mon événement dure toute la journée.

Je définis un lieu si besoin .

Et j'ajoute les éléments dont j'ai besoin pour décrire mon événement.

Dans la partie de droite je choisi la ou les sections où je veux afficher mon événement.

J'insère des boutons d'actions, les urls éventuelles vers des sites externes, et j'active les commentaires.

J'entre dans la tab SEO pour éditer mes métadonnées.

Et voilà je n'ai plus qu'à publier !

Maintenant place au design !

Je me rends dans la page d'édition du design de ma section Agenda.

Je commence par la vue de liste/

On commence par la couleur du background et des bordures.

L'affichage des vignettes, infos et résumé.

Ensuite l'affichage de la date.

Ici vous avez plusieurs options:

Starting time:   Ceci affichera l'heure de début spécifique de l'événement si ce n'est pas un événement qui dure toute la journée.

Si l'événement est une journée entière, il affichera l'icône «24» indiquant que l'événement dure toute la journée.

Start date:  utilisée pour les événements qui s'étalent sur plusieurs jours ou sur un jour.

Il affichera la date de début de l'événement même si vous êtes dans la deuxième date.

Today's date:   utilisée pour les événements qui s'étalent sur plusieurs jours ou sur un jour.

Il affichera la date actuelle de l'événement.

Mention now:   affichera «now» au lieu de la date si la date est celle d'aujourd'hui.

Les dates à venir seront toujours affichées avec la date.

Ensuite les couleurs et police de caractères des textes.

La couleur de la date...

L'affichage de la map si vous avez entré des adresses.

et pour finir le thumbnail.

On fait rapidement la même chose pour la vue de détails de l'évènement.

Et voilà ma section est entièrement designée !

Dernière astuce ! N'oubliez pas de bien paramétrer votre fuseau horaire depuis le menu My account, car les horaires de vos évènements seront calés sur ce dernier.

Vous savez maintenant comment créer un agenda dans votre app !

A bientôt pour un nouveau tutoriel !