[TUTO noodom] Présentation d'un nouveau Design vertical menuHoverShow avec paramétrage par fichier JSON

Salut, Pour la case a cocher je l’ai sur le pc des que j’intègre le menu.
Pour la taille du design je suis en 393x851 pour mon téléphone.

Pour le css il est ici: html/montheme/menuVerticalTom/css/perso.css

je voie ceci aussi: |Permissions :|Lecture et Écriture|
| — | — |
|Verrouiller :|non|
|md5 :|NetworkError: Failed to execute ‹ importScripts › on ‹ WorkerGlobalScope ›: The script at ‹ https://********dns5.jeedom.com/js/worker/calcfilehash.js › failed to load.|
|sha256 :|NetworkError: Failed to execute ‹ importScripts › on ‹ WorkerGlobalScope ›: The script at ‹ https://*******.dns5.jeedom.com/js/worker/calcfilehash.js › failed to load.|

Merci pour ton aide

Je pense que taille de ton design est trop petite.
Essaie (pour test) de mettre par exemple 1280x1000 et regarde le résultat d’affichage.

Pour les erreurs de permissions, je ne saurais pas te dire à quoi c’est dû et si ça a un lien avec ton problème.

Salut, merci, j’ai bien changé la taille comme tu me l’as conseillé, cela fonctionne sauf la petite case a coché toujours présente, mais du coup si je veux adapter le design a mon téléphone?

Édit: Finalement j’ai réussi, il me reste juste la case , j’arrive pas a savoir d’où elle viens

La case à cocher est là pour la gestion du menu mais n’est pas censée être visible.
elle est toujours visible, même en version design avec taille et largeur suffisamment grande sur PC ?

oui toujours visible quelque soit la taille

@greg62 je te propose de continuer sur le post suivant que je viens de créer pour le menu menuVerticalTom car ce post est plutôt réservé au menu menuHoverShow à la base :slight_smile: Ce sera plus clair pour tous.

Merci.

1 « J'aime »

Merci :slight_smile:

Bonjour,

J’adore ton menu menuHoverShow et sa sobriété colle très bien avec ce que je souhaite faire (en modifiant légèrement certaines couleurs javoue :smiley:).
J’ai juste une petite question qui va te sembler bizarre… mais comme j’y connais rien, je n’arrive pas à trouver tout seul. J’aurais aimé supprimer l’effet de déploiement du menu, qu’il soit toujours en version large et qu’il ne se réduise pas en mode icône. Tu vas me dire, ça dénature un peu ce que tu as fait, mais pour mon usage perso ça serait plus pratique.

Ce serait possible que tu m’oriente pour savoir à quel endroit je peux désactiver cette fonction ? :slight_smile:

Merci

Salut,

Essaie en modifiant le fichier perso.css de la façon suivante :

width:var(--menu-width);
--overflow:hidden;

image

Merci !
Du coup en réalité j’avais trouvé, mais un problème de cache faisait que ça n’avait pas d’effet. Donc je pensais ne pas avoir touché le bon paramètre.

Du coup en vidant le cache c’est ok :slight_smile:

Merci :slight_smile:

Bonjour,
Super taff, tu gères .
étant nul en dev, j’ai é petites questions j’aimerais espacé un peu plus les icones ?
Peux tu me dire si il est possible de supprimer cette ligne blanche le long du menu ?

Merci pour ton travail

Salut,

Merci pour ton retour.

Pour tes demandes, tu peux faire les modifications suivantes :

  • Pour espacer les icônes des boutons, tu peux modifier le fichier perso.css :

image

Remplacer margin:0px; par (un seul ou les deux selon tes besoins) :
margin-top:4px; : pour laisser un espace de 4 pixels au-dessus de chaque bouton
margin-bottom:4px; : pour laisser un espace de 4 pixels sous chaque bouton

  • Pour le fond blanc, tu peux vérifier si l’option "Transparent" est bien cochée.

Bonjour @noodom,
Je suis comme @menacor42 je cherche à mettre une image d’icone d’un aspirateur car je n’en trouve pas sur fontawesome.
Est-ce que tu pourrais m’aider ?
Merci par avance.
Sébastien

Merci pour les espaces c’est ok
par contres la ligne blanche, la configuration affichage du menu est bien sur transparent.
résolu les pour les ID

Par contre l’incrémentation des ID, on peut la remettre à 0 ?
merci

Salut,

Pas mal de projets en parallèle.
Je ne sais toujours pas dire quand je pourrai ajouter la gestion d’images.

Que veux tu dire par l’incrémentation des ids ?

Les ids de link dans le fichier json ?
Si c’est le cas ils correspondent aux liens des designs en lien avec les boutons du menu.

non non, ce qu e je veux dire c’est que a chaque creation de design un ID lui est attribué automatiquement (ex:2), et si on le supprime et que l’ on en ajoute un nouveau celui ci sera incrementé +1 (ex:3)
Quand on on supprime tous les design les ID ne revienne pas a Zéro.
Pas très grave, mais pour mon jeedom test je vais finir par avoir des centaines d’ID.

pour la ligne blanche pas d’autre idée
merci a toi

Ah, ok, je comprends mieux, là je peux pas te dire, c’est de la gestion Jeedom pure.
Il y a moyen de modifier en base de données mais là, c’est à tes risques et périls et il faut le faire en connaisssance de cause car il faut gérer les différents liens :slight_smile:

Pour l aligne blanche, c’est un une ligne ou un fond qui a seulement une partie visible ?
Tu peux essayer de voir avec le debugger de ton navigateur (F12) et le sélectionner pour voir le code correspondant.

Je vais test mais la ligne suis le menu quand il s’ouvre, je te fait retour des que possible.

Alors j’ai essayé en mode debug, mais rien ne ressort je ne peux cliquer sur la ligne
Par contre on peut voir lors du déroulement que cela fait bien parti du menu, la surbrillance passe au dessus de cette ligne