DD - Automatic area-based dashboard for desktop, tablet and mobile - V3.7.0

Share your Projects! Dashboards & Frontend
414

Anyone know what i’m doing wrong to get the below results?

This is a fresh install of the theme, on HA 0.106.4

Screenshot 2020-03-03 at 12.52.47
Screenshot 2020-03-03 at 12.52.47978×292 34.9 KB

1 Like
415

I can see in your config files that you use custom:cover-slider-card, what card is that? I cant find anything about it when I serch on the web?

1 Like
416

On a side note (not sure I want to do this yet) but is there a way to remove the map all together from the persons section?

1 Like
417

From version 1.2.0 and on, you don’t need an addon for the person page like you want.
You can do it with persons.yaml like this:

persons: 
  - name: Dwain
    track: person.dwain
    picture_path: 'images/persons/dwain.jpg'
    #show_map: 'false' #Map is enabled by default, uncomment this line to disable the map
    page_entities:
      columns: 2 #optional number of columns I recomend 1, 2 or 3 (default is 2)
      entities:
        - entity: sensor.mikes_phone_battery_level
        - entity: sensor.mikes_phone_battery_state
        - entity: sensor.mikes_phone_wifi
        - entity: sensor.mikes_phone_location
1 Like
418

Try updating your button card plugin in HACS or re-install it.

419

It’s a custom card I made myself its located in www/dwains-theme/plugins not in HACS

420

How did you make the Battery, Charging, Wifi, Location cards smaller?

1 Like
421

Pretty sure it’s 4 columns vs 2. The cards are smaller to fit 4 across the row.

2 Likes
422

add show_map: 'false' to your persons.yaml

2 Likes
423

I should rtfm, I see it in the docs now.

2 Likes
424

Installed the new Coronavirus Integration and used the Dynamic Page for this.

image
image333×793 62.5 KB

2 Likes
425

Can you sbare you code? Nice job

1 Like
426

Here you go,
I installed the Coronavirus Integration for U.S. and Worldwide. Put the code below in config\dwains-theme\addons\dynamic_page\hello-dynamic-page\page.yaml file. For the icon on the dock I used mdi:scull-crossbones in my config\dwains-theme\config\dyanmic_page.yaml

# dwains_theme

- type: custom:mod-card
  style: |
    ha-card {
      padding: 0px 8px 20px 8px;
    }
  card:
    type: vertical-stack
    cards:
      - type: picture
        image: 'https://www.dshs.state.tx.us/uploadedImages/Content/Consumer_and_External_Affairs/coronavirus/banner.png'
        tap_action:
          action: url
          url_path: 'https://www.arcgis.com/apps/opsdashboard/index.html#/bda7594740fd40299423467b48e9ecf6'

      - type: entities
              - type: entities
        style: |
          ha-card {
            background-color: var(--dwains-theme-primary);
            border-radius: 100px
            font-weight: bold;
            font-size: 14px;
            overflow: hidden;
            width: 100%;
            height: 75%;
            margin: 0 auto;
            padding-top: 0px;
          }
        title: United States Cases
        show_header_toggle: false
        entities:
          - entity: sensor.us_confirmed
            icon: 'mdi:emoticon-neutral-outline'
            name: Confirmed
          - entity: sensor.us_current
            icon: 'mdi:emoticon-frown-outline'
            name: Current
          - entity: sensor.us_recovered
            icon: 'mdi:emoticon-happy-outline'
            name: Recovered
          - entity: sensor.us_deaths
            icon: 'mdi:emoticon-dead-outline'
            name: Deaths
    
      - type: entities
              - type: entities
        style: |
          ha-card {
            background-color: var(--dwains-theme-primary);
            border-radius: 100px
            font-weight: bold;
            font-size: 14px;
            overflow: hidden;
            width: 100%;
            height: 75%;
            margin: 0 auto;
            padding-top: 0px;
          }
        title: World Wide Cases
        show_header_toggle: false
        entities:
          - entity: sensor.worldwide_confirmed
            icon: 'mdi:emoticon-neutral-outline'
            name: Confirmed
          - entity: sensor.worldwide_current
            icon: 'mdi:emoticon-frown-outline'
            name: Current
          - entity: sensor.worldwide_recovered
            icon: 'mdi:emoticon-happy-outline'
            name: Recovered
          - entity: sensor.worldwide_deaths
            icon: 'mdi:emoticon-dead-outline'
            name: Deaths
3 Likes
427

I also typed a complete example for you :sweat_smile: :rofl: 5 posts above your post… Dwains Dashboard - 1 CLICK install Dashboard for desktop, tablet and mobile - V3.1.0 - #417 by dwains

1 Like
428

Lol, sorry I didn’t notice this line in your example. I thought you were just answering the part about moving the items up above the map. Again, I should read more thoroughly.

#show_map: ‘false’ #Map is enabled by default, uncomment this line to disable the map

1 Like
429

Yeah haha no problem. A lot of things are in the documentation so, but you are not the only one asking questions which are in the documentation :stuck_out_tongue:

430

Thank you!!

2 Likes
432

Hi this is excellent I just had a few issues implementing the page.yaml file you have shown here.
I needed to remove the second
“- type: entities” in both cases in the yaml.

Thank you again

1 Like
433

Some people may think its quite silent here, but i’m working hard on v1.3.0. With A LOT of new awesome features :smiley:

2 Likes
434

Thanks for the update. Will 1.3 include tablet views?

1 Like