[TUTO noodom] Nouvelle refonte du menu F$B33 avec navigation par frame

Brahms · Février 18, 2021, 5:58

ok je t’envoie ça

{
    "buttons": [
        {
            "link": "15",
            "icon": "montheme/menuJsonFsb33Frame/img/icon_home.png"
        },
        {
            "link": "16",
            "icon": "montheme/menuJsonFsb33Frame/img/icon_light.png"
        },
        {
            "link": "17",
            "icon": "montheme/menuJsonFsb33Frame/img/icon_cam.png"
        },
        {
            "link": "18",
            "icon": "montheme/menuJsonFsb33Frame/img/icon_reseau.png"
        },
        {
            "link": "19",
            "icon": "montheme/menuJsonFsb33Frame/img/icon_volets.png"
        },
        {
            "link": "20",
          "icon": "montheme/menuJsonFsb33Frame/img/icon_temp.png"
        },
        {
            "link": "22",
            "icon": "montheme/menuJsonFsb33Frame/img/icon_music.png"
        }
        ],
    "parameters": {
        "menu_x": "0px",
        "menu_y": "0px",
        "menu_width": "800px",
        "menu_height": "70px",
        "content_x": "0px",
        "content_y": "0px",
        "content_width": "800px",
        "content_height": "480px"
    }
}

Brahms · Février 18, 2021, 6:00

et celui là

{
    "buttons": [
        {
            "link": "15",
            "icon": "montheme/menuJsonFsb33Frame/img/icon_home.png"
        },
        {
            "link": "16",
            "icon": "montheme/menuJsonFsb33Frame/img/icon_light.png"
        },
        {
            "link": "17",
            "icon": "montheme/menuJsonFsb33Frame/img/icon_cam.png"
        },
        {
            "link": "18",
            "icon": "montheme/menuJsonFsb33Frame/img/icon_reseau.png"
        },
        {
            "link": "19",
            "icon": "montheme/menuJsonFsb33Frame/img/icon_volets.png"
        },
        {
            "link": "20",
          "icon": "montheme/menuJsonFsb33Frame/img/icon_temp.png"
        },
        {
            "link": "22",
            "icon": "montheme/menuJsonFsb33Frame/img/icon_music.png"
        }
        ],
    "parameters": {
        "menu_x": "0px",
        "menu_y": "0px",
        "menu_width": "800px",
        "menu_height": "70px",
        "content_x": "0px",
        "content_y": "70px",
        "content_width": "800px",
        "content_height": "410px"
    }
}

toujours des scrollbars

Edit: je viens de tester avec Menu Animation, même symptôme alors que le design et le contenu sont réglés en 800 par 480.

noodom · Février 18, 2021, 6:50

Je ne reproduis pas avec

Tu as aussi le problème d’affichage depuis ton PC ?
Ou seulement en affichage final sur ton écran de destination ?

Sinon, quelle est la taille de ton design de destination de chaque bouton ?
Tu les as bien configuré avec une taille de design de 800x480 pour le premier cas ? ou 800x410 pour le deuxième ?

Tu peux aussi faire un clic droit sur chaque htmlDisplay (menu puis contenu) puis les configurer pour mettre un fond non transparent pour voir exactement leur emplacement et voir où ça pose problème)

Brahms · Février 18, 2021, 6:55

merci de répondre si rapidement comme souvent.

Alors oui depuis le PC c’est pareil,

oui oui chaque design été déjà crée en 800 par 480 donc le design où j’ai incorporé les 2 htmldisplay je l’ai créé lui aussi en 800/480.
donc quand je change le json en 800/410 je modifie mes designs de destinations en 800/410 aussi.

ok j’essaie ça

noodom · Février 18, 2021, 7:02

OK, j’avais lu trop vite : la version 800x480 fonctionne parfaitement avec ma version du menu fsb33 ?
J’avais compris que les 2 ne fonctionnaient pas mais que la version 800x480 fonctionnait correctement avant dans une autre version simple sans frame.

J’attends ton résultat, mais ça devrait corriger le problème du coup en adaptant la taille des menus de destination.

Il faudrait que je vois pour supprimer les effets de bords lorsqu’on modifie seulement le json pour éviter de devoir modifier les tailles des menus de destination (avec des overflow: hidden; bien placés probablement…)

Brahms · Février 18, 2021, 7:11

alors ça fonctionnais avant avec le menu original de F$B33, ca fait quelques temps que je l’avais installé…
et là j’ai voulu installer ton menu et là je me retrouve avec des scrollbars…

exemple du design de destination du bouton zik:

configuré en 800/480

dans le design où j’ai mis le contenu on voit qu’il est configuré comme le json en 800/480:

et voilà le résultat quand je clique sur l’icone musique:

on voit bien que le contenu prends bien toute la taille demandé mais pas l’image qui est pourtant bien configurée

noodom · Février 18, 2021, 7:15

Ok donc j’avais finalement bien compris au début tu as un soucis dans les 2 cas avec l’affichage des frames.

Tu n’as pas d’équipements qui dépassent dans l’écran de destination ?
Tu peux te créer un écran vide avec un fond non transparent et le mettre dans ton json pour voir le résultat quand tu le sélectionnes ?

Brahms · Février 18, 2021, 7:22

Alors malheureusement même résultat avec un nouveau design en 800/480 et aucun équipement rajouter.
ça viens surement de chez moi si tu reproduis pas chez toi…

je vais changer de navigateur des fois que…

noodom · Février 18, 2021, 7:25

Étonnant je dois passer à côté de quelque chose,
Je ne vois pas trop là.
Tu as vu la capture au dessus, c’est avec ton json.

C’est l’écran de destination qui ajoute un scroll c’est bien ça ?

noodom · Février 18, 2021, 7:34

Tu es sur quel navigateur ? (Moi je teste sur Chrome)
Et sur quelle versionde Jeedom ?

Je vois ça sur ta capture : ton écran s’arrête où ?

Sinon, tu peux tester avec l’option &fullscreen=1 à la fin de ton url ?

Brahms · Février 18, 2021, 7:34

oui oui j’ai bien vu ta capture.
alors pour qu’on soit bien d’accord je vais rependre mes manips que j’ai faite.
1: sur mes anciens designs j’ai retiré le menu de F$B33
2: crée un nouveau design en 800/480
3: copié le css et le json au bon endroit
4: appliqué d’abord le contenu puis le menu
5: changé les id, les icones du json

donc je fais sur le nouveau design et là tous les boutons me renvoient bien sur les design demandés mais par contre chaque design se retrouve avec des scrollbars.
alors qu’il n’y en as pas dans les designs de destinations.

En tout cas merci d’avoir pris le temps

Salvialf · Février 18, 2021, 7:37

Salut,

Y’a un sujet qui parle de scrollbars apparues dans les designs en 4.1.20 ce ne serait pas en rapport?

Brahms · Février 18, 2021, 7:38

Alors moi aussi je suis sur Chrome, jeedom en 4.1.20

Alors mon écran s’arrête bien au niveau du petit carré de droite, comme le contenu qui descends bien jusqu’en bas.

J’ai mis un fond rouge mais il reste pas après chargement du design

Brahms · Février 18, 2021, 7:42

Bonsoir @Salvialf,

ah bah tiens j’avais pas vu ça, en plus maintenant que tu le dis j’ai fais la MAJ cet aprém

noodom · Février 18, 2021, 7:44

oui j’avais ça en tête mais pas recherché encore le sujet.

Sinon, essaie ça dans le htmlDisplay de la frame :

<iframe id="menuFrame" src="about:blank" scrolling="no" style="width:100%;height:100%;border:none;"/>

( ajout de scrolling="no" )

Brahms · Février 18, 2021, 7:49

pas mieux!!

si ça vient du coté de Jeedom ça sera surement réglé bientôt …

noodom · Février 18, 2021, 7:55

OK, je suis en 4.1.18 et apparemment c’est apparu en 4.1.20

Thanor · Février 18, 2021, 7:55

Hello, j’ai le même problème que toi : lorsque je change de design en cliquant sur un bouton du menu, ça flashouille : on dirait que le changement du contenu d’iFrame la charge avec une page de base (on dirait que c’est la page de home de jeedom car j’aperçois le menu en haut) avant d’appliquer le design du menu. C’est un peu moche, c’est dommage car hormis ce détail ce design est vraiment top, bravo à tous ceux qui y ont bossé.

loic69 · Février 19, 2021, 3:01

Hello
Pour moi je n’ai pas ce probleme de fash mais j’utilise pas la refonte du menu.
En revanche j’ai eu un truc bizarre c’est que tous mes menus dépassais de quelques pixels sur la droite ce qui avait pour conséquence de rajouter une petite barre de scrolling…
J’ai eu ça dès lors du passage en 4.1.20 => réglé facilement en repositionnant correctement sur les design les menus.
Etrange

freddye83 · Février 19, 2021, 4:32

@noodom Salut, je viens d’adopter ton menu FB33 par iframe, et c’est un super boulot (jai remplacé mon ancien FB33 d’origine).

Cependant, j’aimerai changer totalement de graphisme, et je me suis intéressé au menu neumorphic https://github.com/NextDom/nextdom-theme-design/tree/master/menuNeumorphism

Cependant celui-ci comporte 2 défauts rédhibitoires pour moi : les liens graphiques (historiques) apparaissent en miniature, et il est impossible de passer comme tes menu en paramètre un lien de page (&link_id=xx).

Du coup, ma question, serait-il possible que tu adaptes ce menu au même format que ce que tu as déjà fait. cela enrichirait ta collection , et me permettrait d’avancer dans mon nouveau design .

Merci.