[TUTO] Menu Animation pour Design (configuration par fichier JSON et navigation par Frame)

Tags: #<Tag:0x00007f3855b19970>

Bonsoir,

Je vous propose un nouveau menu de Design Jeedom qui est plutôt classique.

Son originalité est dans le fait qu’il soit paramétrable à partir d’un fichier de configuration JSON (nom, couleur et lien des boutons)
mais surtout qu’il permette de naviguer dans une frame, ce qui signifie que

  • Le menu reste toujours chargé pendant la navigation
  • Il n’est plus nécessaire de le recopier sur tous les écrans des designs de chaque bouton : les designs liés au boutons ne sont plus spécifiques à un menu en particulier.
  • On peut créer différents designs avec ce menu pour les paramétrer différemment (pour différents profils, support, etc…)

Un autre atout est que le menu est basé sur l’utilisation du plugin htmlDisplay :

  • un équipement htmlDisplay pour le menu
  • et un autre équipement htmlDisplay pour la gestion de la navigation par frame.
    L’avantage est qu’on peut modifier facilement le code directement depuis le plugin htmlDisplay sans toucher au design (ce qui n’est pas toujours évident et source d’erreur)

Ajouté au fait que le menu soit paramétrable par un simple fichier Json à modifier, il n’est plus nécessaire d’aller modifier le contenu du code pour modifier son apparence.

Il est possible aussi d’aller plus loin dans la personnalisation en modifiant le fichier CSS séparé.

Une vidéo d’exemple est disponible ici :

Le détail de l’installation est disponible ici :

9 J'aimes

Beau menu, merci pour le partage.

très bon merci.

Merci à vous :slight_smile:

o top.
moi qui cherche encore mon design et j’essay plusieurs menus.
Facile d’utilisation, facile mise en oeuvre meme pour des débutants comme moi.
juste une question :
le haut de mon menu est coupé j’ai l’impression
comment le descendre.
image