le paramétrage de la position équipements htmlDisplay pour la position du menu et du contenu des liens des boutons depuis le fichier de configuration JSON
la gestion des erreurs.
C’est un menu réalisé pour mobile paramétrable depuis un fichier JSON (déclaration des boutons, définition des couleurs). Il n’est donc plus nécessaire de modifier le code.
Sinon, le menu reste identique :
C’est un menu à positionner en bas d’écran proposant 3 boutons au lancement (2 liens vers un autre écran de Design à gauche et à droite et un bouton Menu au centre permettant d’afficher 5 nouveaux liens supplémentaires vers d’autres écrans de Design).
Il est possible de choisir le nombre de boutons simplement en ajoutant leur déclaration dans le fichier /json/perso.json.
Il est possible d’avoir un menu identique mais positionné en haut de son écran, avec un affichage du menu secondaire vers le bas en remplaçant les fichiers index.html et perso.css par les fichiers index-up.html et perso-up.css.
Une démonstration est visible ici :
L’installation détaillée et le code est accessible ici :
Je viens d’ajouter la possibilité d’ajouter autant de boutons que l’on souhaite sur le menu du haut.
L’affichage des boutons est adapté en fonction du nombre de boutons déclarés dans le fichier perso.json.
Il suffit donc de mettre à jour les fichiers modifiés : index.html et perso.css pour la version menu en bas (et index-up.html et perso-up.css pour la version du menu en haut).
Ce n’est pas lié à ces modifications mais j’ai pu remarquer qu’en modifiant le paramètre de largeur du menu (menu_width), l’affichage du menu était inadapté (menu haut décalé sous le menu bas). Je regarderai pour corriger ce problème.
Oui, c’est bien celui-là : regarde ma capture d’exemple qui en contient un peu plus que 5
Sinon, comme je le précise dans mon post, il faut remplacer les fichiers index.html et perso.css, qui contiennent les modifications pour un bon affichage avec plus de 5 boutons.
Désolé de poster ici, mais ce message est pour @noodom.
Peux tu nous donner ton code pour implémenter neumorphism sur ton design.
J’ai essayé mais l’éditeur de texte ne prend pas du pug…
j’ai un petit soucis avec mon design j’avais suivi ton tuto mais j’ai 2 barres de défilement qui apparaissent maintenant, alors je sais qu’actuellement il y a qq soucis de manière générale sur les design avec le plugin camera qui ne les affiche pas mais la je pense rien à voir.
j ai tenté de rajouter fullscreen a la fin dans adresse de chrome mais idem j ai remis l’option plein ecran dans jeedom qui avait sauté.
est ce que quelqu’un a eu la même chose ?
je navais pas utilisé mon design depuis qq jours, et fais plusieurs MAJ depuis, je suis en version 4.1.2
Difficile de savoir comme ça.
Ces barres sont apparues sur quelles modifications ? updates de Jeedom, plugins ? ou sur modification du menu ?
La cause n’est peut-être pas due au menu, à confirmer.
Il faudrait regarder avec le debugger du navigateur en sélectionnant la zone concernée et regarder le css lié.
En jouant les valeurs du CSS (width, height, etc…), tu peux cibler ce qui provoque cet affichage.
Ca peut se jouer à quelques pixels près.
Mais ce n’est pas forcément évident, il va falloir tatonner en debug je pense…
bon jai trouvé un autre sujet depuis qui traite de ce problème, apparemment ca vient de la mise à jour du core voici le sujet donc comme je me doutais rien à voir avec ton super outil de design
mais du coup je ne dois pas être le seul après ca dépend de la version j’imagine car je suis en béta 4.1.20
Hello @noodom, merci beaucoup pour tes menus ! C’est vraiment top !
Y a t il un moyen d’avoir des menus et design responsive ?
J’ai configuré ton menu pour un affichage sur mon mobile mais sur le 2eme mobile de la famille, obligé de scroller vu que l’écran ne fait pas la même taille
Après relecture du code, il y a peut-être moyen d’optimiser le parametrage dans le cadre de ce menu.
Exemple : forcer la largeur du mobile pour la largeur du menu et de la frame de contenu. De la même façon, forcer la hauteur du mobile pour la hauteur totale de la frame du contenu.
merci pour ton feedback @noodom
oui je pense qu’avec 2 designs je peux m’en sortir mais je voulais avoir ton avis sur la faisabilité avant.
Je n’ai jamais joué beaucoup avec les design sur jeedom mais rien que pour déterminer la hauteurxlargeur du design pour qu’il soit adapté à tel ou tel device, à part y aller a tâtons je ne sais pas comment faire. … je n’ai pas trouvé ça très user friendly
J’ai un soucis quand j’insère l’équipement « menu » sur un design.
Je met l’équipement « contenu », tout va bien.
Ensuite je mets l’équipement « menu » et il se duplique tout seul plusieurs fois …