Utilisation de Browser_mod

En faite, c’est dans la documentation… (dans le lien que @Arnault à posté) :upside_down_face: :innocent:

@Arnault en prenant ton code est en le mettant dans une vue, il fonctionne correctement (peut être un problème de cache ?):

animate_1

J’ai eu le soucis et je l’ai réglé avec card-mod:

    popup_cards:
      sun.sun:
        title: Météo
        style: |
          mwc-icon-button{
            margin: 0 0 .35em 0
          }
        card:

Le fonctionnement que tu as en le mettant au niveau que tu indiques n’est pas le même fonctionnement que tu essayais avec le 1er code que tu as fourni.

Le premier code remplacé la fenêtre des informations supplémentaires (more-info) seulement sur la vue alors que là où tu la mis au final remplace la fenêtre more-info partout dans ton tableau de bord.

Tu ne pourras pas avoir ce fonctionnement par exemple (fenêtre more-info qui s’affiche sur une vue et est remplacée sur une autre) :

animate

1 « J'aime »

As tu essayé en CSS un

vertical-align: middle;

En fait, ce qu’il faut réussir à attaquer c’est la classe .mdc-icon-button pour lui mettre font-size: 0;

Comme toujours, tu as la réponse à tout @Clemalex :grin:

J’ai déplacé ma popup_cards dans la vue et en effet cella fonctionne parfaitement. Pourquoi cella ne fonctionnais pas avant, aucune idée ??

Pour le css, je n’ai pas modifié les marges de mwc-icon-button car cella déplaçait le bouton vers le haut. Le X était bien centré mais au survol de la sourie, le rond n’était plus centré. Du coup j’ai changé la taille de la police de ha-icon et là tout ce centre parfaitement.

popup_cards:
  sensor.pool_season:
    title: Saison
    card:
      type: grid
      cards:
        - type: markdown
          content: >-
            {% if states.input_boolean.swimming_season.state == 'off' %} La
            piscine est en mode hivernage depuis
            {{states('input_text.swimming_season_since')}}. Dans ce mode, la
            filtration est active 3h par jour (2h avant le levé du soleil et 1h
            après le levé du soleil). Si les températures extérieures sont
            négative, la filtration est mise en route 5 minutes toutes les
            heures pour éviter la formation de glaçe à la surface de l'eau. {%
            else %}  La piscine est en mode été depuis
            {{states('input_text.swimming_season_since')}}. La piscine est
            allumé la moitié du temps avant 13h et la moitié du temps après 13h
            dans une limite maximun de 14h par jour. Le robot de piscine se met
            en marche chaque matin en même temps que la piscine pour une durée
            de 2h30. {% endif %}


            Souhaitez vous changer de saison ?
          style:
            .: |
              ha-card {
                box-shadow: none !important;
                text-align: justify;
              }
        - type: 'custom:button-card'
          entity: input_boolean.swimming_season
          tap_action:
            action: toggle
          layout: icon_label
          show_label: true
          show_name: false
          color_type: card
          state:
            - value: 'off'
              icon: 'mdi:white-balance-sunny'
              label: Passer en mode été
            - value: 'on'
              icon: 'hass:snowflake'
              label: Activer l'hivernage
          styles:
            card:
              - margin: 0px 16px 16px 16px
              - width: calc(100% - 32px)
              - background-color: 'rgb(204, 0, 0)'
              - color: white
            grid:
              - grid-template-columns: 20% 1fr
            label:
              - justify-self: start
              - padding-left: 0px
      columns: 1
      square: false
    style:
      $: |
        .mdc-dialog {
          backdrop-filter: blur(10px) !important;
          -webkit-backdrop-filter: blur(10px) !important;
        }
      .: |
        mwc-icon-button ha-icon {
          font-size: 13.3333px;
        }

Encore un énorme merci :pray:

1 « J'aime »

Moi j’ai mis :

font-size: 0 :wink: (j’aime pas les valeurs infinies)

Un message a été scindé en un nouveau sujet : Filtration piscine

Ca marche aussi, du coup j’ai tous passé à 0 :slight_smile:
J’en profite pour te demander, j’essaie de restaurer la couleur par défaut du header de la popup (je n’aime pas ce gris). Je voudrais que ca reste noir ou blanc en fonction de l’heure du thème et bleu sur mon iPhone. Du coup si je force une couleur je n’ai plus la bonne en fonction de l’heure ou du device… Tu as une idée ?

Merci

Non, pas vraiment.

Je partirais sur un modèle en fonction de l’heure pour changer la valeur et sinon directement une variable dans le thème…

Au cas où certains aurais la même problématique que moi, en forçant les couleurs de fond et de police sur celles préconfigurés cela fonctionne :slight_smile:

app-toolbar {
  color: var(--primary-text-color) !important;
  background-color: var(--primary-background-color) !important;
}

Un message a été scindé en un nouveau sujet : Synthèse Lumières

Bonjour
Mon problème ressemble à celui de Arnault :
J’ai une vue (télécommande) que j’aimerais voir apparaitre en popup lorsque je clique sur un bouton d’une autre vue…J’y arrive mais j’ai ceci d’affiché. est-il possible d’avoir la vue entière afin de voir la télécommande complète Télécommande créée sur une vue ?

Téléco7

@foxbru
salut,
tu peux peut etre utiliser le parametre large: true, si ca ne suffit pas, je ne sais pas si c’est la meilleure methode, mais perso je fais :

    style: |-

      :host .content {
        width: 35vw;
      height: 37vh;}

pour vraiment definir la taille voulue :wink:
@++

Hello
ok merci mais tu mets ces infos où ?

Cordialement

dans le service_data du popup:

tap_action:
  action: call-service
  service: browser_mod.popup
  deviceID:
    - tactile
  service_data:
    title: Thermostat
    style: |-

      :host .content {
        width: 35vw;
      height: 37vh;}
    card: 
...

Merci pour l’info.
Je laisse cela sur le coté pour l’instant car cela me prend la tête…
Merci encore

J’ai également utilisé browser_mod pour redefinir le more-info et c’est fonctionnel depuis mon navigateur. Par contre ca ne marche pas sur mon mobile android depuis l’application officielle. As-tu testé sur mobile et est-ce fonctionnel ?
Merci pour ton retour.

J’ai redemarré le téléphone et ca a marché … peut-être un problème de cache … à suivre :wink:

super topic. J’ai galéré a le trouver mais ca m’a bien aidé merci :slight_smile:
Vous utilisez plusieurs popup sur les memes View ? J’ai l’impression que ca rame si on en met plusieurs (et parfois il affiche la dernière affichée qqes secondes avant d’afficher la bonne)
Ca vous le fait aussi ?

C’est indiqué dans le changelog et dans la doc

Faut modifier toutes les cartes popup, un peu chiant mais ca vaut le coup. Top la v2.0 de Browser_mod :heart_eyes:

un exemple si ca peu aider

tap_action:
  action: fire-dom-event
  browser_mod:
    service: browser_mod.popup
    data:
      browser_id: THIS
      size: wide   #normal, wide ou fullscreen
      title: Exemple
      content:
        type: entities

2 « J'aime »