Bouton permettant avec une action de masquer la barre latéral et la barre du haut en même temps

[mike413muo]

Bonjour,

je souhaiterais avec un bouton sur ma page d’acceuil qui me permette

d’un coup de masquer la barre du haut et la barre latérale

car quand on est pas entrain de faire des modifications on a pas besoin des ces 2 menus

Ma configuration Green box

mon bouton est contruit avec les 2 états mais lié à rien
pour le moment une lampe et je ne sais pas comment
l’adapter pour les liés aux 2 barres afin de les cacher

type: custom:button-card
entity: light.lampe_salle_a_manger
name: |
  [[[ 
    if (entity.state == "on") return "Arrête le mode programation"; 
    else return "Active le mode programmation";
  ]]]
show_entity_picture: true
size: 60%
styles:
  card:
    - height: 80%
layout: icon_name
aspect_ratio: 3/1
double_tap_action:
  action: more-info
entity_picture: |
  [[[ 
    if (entity.state == "on") return "/local/images/settingmuo_on.png"; 
    else return "/local/images/settingmuo.png";
  ]]]

merci pour votre aide

Mike

[mike413muo]

j’ai oublié de dire que j’avais chargé aussi téléchargé le mode kiosk …

[WarC0zes]

Salut,
tu ne pourras pas, il faut que tu ouvres une nouvelle page de ton navigateur avec l’URL de ton Home assistant et il faut rajouter à la fin de l’URL ( collé ) ?disable_km qui désactivera temporairement kiosk mode.
En gros, tu crées un favori avec c’est URL dans ton navigateur.

• If you need to disable Kiosk-Mode temporarily add ?disable_km to the end of your URL.

URL normal

http://192.168.1.xx:8123/lovelace/infos

URL qui désactive kiosk mode

http://192.168.1.xx:8123/lovelace/infos?disable_km

Tu peux te faire un bouton, mais ça ouvrira une nouvelle page :

type: button
icon: mdi:home-assistant
name: Désactiver Kiosk Mode
show_icon: true
tap_action:
  action: url
  url_path: http://192.168.1.xx:8123/lovelace/infos?disable_km

[mike413muo]

salut

en mettant ton code j’arrive là il y a bien plus d’onglet mais je suis pas dans la page de mon menu

et si je mais mon adresse url

les onglets en haut ne disparaissant pas !

[mike413muo]

est il possible de mettre quand même une image setting à la place de l’icone

comme cela j’aurais une fois un bouton sur une page et une fois un autre bouton sur une autre page ?

[WarC0zes]

Tu as configurer kiosk mode au moins ?

Ta pas compris que c’est mon chemin/lovelace/infos ( pour l’exemple, je connais pas le nom de ton dashboard ) , change par ton chemin qui est dans la bar d’adresse.

[WarC0zes]

@mike413muo

est il possible de mettre quand même une image setting à la place de l’icone

Utilise la carte button-card au lieu de button.

[mike413muo]

j’ai essayé et cela ne marche pas j’arrive bine sur la page mais le menu en haut est toujours là

show_name: true
show_icon: true
type: button
icon: mdi:home-assistant
name: Désactiver Kiosk Mode
tap_action:
  action: url
  url_path: http://192.168.1.138:8123/muller-s-home/sans-menu?disable_km

[WarC0zes]

@WarC0zes

Tu as configurer kiosk mode au moins ?

vu que ca marche pas, c’est que tu n’as pas configuré kiosk mode.

Exemple de configuration simple

Les utilisateurs du mode YAML doivent ajouter manuellement la configuration au fichier du tableau de bord Lovelace dans lequel ils souhaitent activer kiosk-mode . Les utilisateurs non YAML (mode stockage) doivent ajouter la configuration à chaque panneau Lovelace en allant dans Edit Dashboard l’option (située dans le menu déroulant qui apparaît lorsque l’on clique sur le bouton à trois points en haut à droite). Une fois en Edit Dashboard mode, cliquez à nouveau sur le bouton à trois points en haut à droite et sélectionnez Raw configuration editor .

kiosk_mode:
  hide_header: true
  
views:

a la ligne 1, tu mets le code pour faire fonctionner kioks mode
exemple:

les options disponible tu les as ici

GitHub - NemesisRE/kiosk-mode: 🙈 Hides the Home Assistant header and/or sidebar

[anon51798830]

Salut @WarC0zes

Tu devrais te faire payer, tu lui auras bientôt fait l’ensemble de ses tableaux de bord…

[mike413muo]

yayaya !!

nom c’est pas configurer le mode kiosque et j’ai rien compris à tes captures d’écran

je suis navré d’être un tel boulet mais il y a encore un mois je ne savais pas ce qu’était le yaml …

désolé encore

Mike

[WarC0zes]

@mike413muo

je suis navré d’être un tel boulet mais il y a encore un mois je ne savais pas ce qu’était le yaml …

Tu devrais y aller progressivement, tu veux tout faire dessuite aussi. Il m’a fallu des mois et des mois pour bien comprendre.

Je t’ai mis un gif, pour mieux comprendre. ( pour voir en plein ecran, il faut faire une clique droite dessus et ouvrir l’image dans une nouvelle page)

tu ajoutes le code à la ligne 1:

kiosk_mode:
  hide_header: true
  hide_sidebar: true

[mike413muo]

je vais essayer demain de reprendre tout cela

j’ai vu ton gif animé mais j’ai pas réussi à savoir ou tu était !!

pas dans yaml ?

ou est ton éditeur de configuration que tu ouvres ?

encore une fois je ne sais pas ou tu te trouve

désolé encore

Mike

[WarC0zes]

@mike413muo

ou est ton éditeur de configuration que tu ouvres ?

C’est dans ton dashboard ou tu a t’es pages. faut cliquer sur le crayon en haut a droite.

[mike413muo]

@WarC0zes

http://192.168.1.xx:8123/lovelace/infos

salut

j’ai du faire une bétise !

j’ai bien coller le code au début ( mais j’étais sur ma première page tout en haut de l’arborescence ) et maintenant voici mon dashbord

je n’ai plus rien ni en haut ni en dessous c’est top et si je ne suis pas sur mon ipad et que je veux revenir à la normale je dois faire quoi

merci pour ton aide

Mike

[mike413muo]

[WarC0zes]

@mike413muo

je n’ai plus rien ni en haut ni en dessous c’est top et si je ne suis pas sur mon ipad et que je veux revenir à la normale je dois faire quoi

C’est normal, kiosk mode est activer. Tu demande de masquer la barre du haut et la barre latéral, c’est chose faite.

Pour désactiver kiosk mode temporairement, tu doit te connecter avec c’est adresse:
http://192.168.1.138:8123/muller-s-home/belmont/info?disable_km

il faut juste ajouter ?disable_km a la fin de ton adresse

Options	Hides / Blocks
kiosk	1 and 2
hide_header	1
hide_sidebar	2
hide_menubutton	3
hide_notifications	4
hide_account	5
hide_search	6
hide_assistant	7
hide_overflow	8
block_overflow	8
block_mouse	whole interface
block_context_menu	right click anywhere

[mike413muo]

@WarC0zes

http://192.168.1.138:8123/muller-s-home/belmont/info?disable_km

ca marche cool

donc si je résume je fais 2 boutons avec les 2 commandes et comme cela je peux changer l’état ?

Mike

[WarC0zes]

@mike413muo

donc si je résume je fais 2 boutons avec les 2 commandes et comme cela je peux changer l’état ?

un bouton pour désactiver kiosk mode

type: button
icon: mdi:home-assistant
name: Désactiver Kiosk Mode
show_icon: true
tap_action:
  action: url
  url_path: http://192.168.1.138:8123/muller-s-home/belmont/info?disable_km

Un bouton, pour activer kisok mode

type: button
icon: mdi:home-assistant
name: Activer Kiosk Mode
show_icon: true
tap_action:
  action: url
  url_path: http://192.168.1.138:8123/muller-s-home/belmont/info

Mais ca ouvrira une nouvelle page, tu peux pas reste sur la page et activer désactiver kiosk mode.

[mike413muo]

oui je m’en suis rendu compte

mais c’est super comme cela on peux quand même mettre une image au lieu d’une icone pour l’esthétique du tout je doit la mettre comment

show_name: true
show_icon: true
type: button
icon: mdi:home-assistant
name: Désactiver le Kiosk Mode
tap_action:
  action: url
  url_path: http://192.168.1.138:8123/muller-s-home/sans-menu?disable_km

Mike