lovelace-layout-card icon indicating copy to clipboard operation
lovelace-layout-card copied to clipboard

Layout tab not showing

Open piersm2 opened this issue 1 year ago • 3 comments

My Home Assistant version: 2023.5.4

Layout-card version (FROM BROWSER CONSOLE): 2.4.4

What I am doing: Updating view type of my dashboard to "layout-card" format

What I expected to happen: Layout tab to be visible

What happened instead: It is not showing up

Minimal steps to reproduce: followed steps via github, also cleared my cache on my browser and still not visible

# The least amount of code possible to reproduce my error

# End of code

Error messages from the browser console:


By putting an X in the boxes ([X]) below, I indicate that I:

  • [X] Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).
  • [X] Have made sure I am using the latest version of the plugin.
  • [X] Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.
  • [X] Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.

piersm2 avatar May 30 '23 16:05 piersm2

The "Layout Options" box is the textfield at the bottom of the "Settings" tab, the "View type" also can be found on this tab.

bartbergmans avatar Jun 14 '23 20:06 bartbergmans

Adding my 2 cense... I have the same issue.. However, the max columns is visually restricted to 2, no matter what max_cols is set to (tried 8, 10, etc) Inside a layout-card, the number of cards in a row is also restricted to 4.

What I am trying to achieve is a single row with all of my battery operated device % levels in them (about 10 of them) I would use the gauge card and a max width with about 90 or 100.

Trakkasure avatar Jun 16 '23 04:06 Trakkasure

@Trakkasure This works for me and my custom:button-cards.

  - type: grid
    view_layout:
      grid-area: footer2
    columns: 7
    square: false
    cards:
      - type: custom:button-card
        template: battery_custom_button
        entity: sensor.s22_ultra_battery_level
        name: Phone
[...shortened from 5 entities...]

image Columns set to 7 but I only use 5 (room to grow). Just in case it is useful, here's my view's layout:

type: custom:layout-card
layout_type: grid
layout:
  grid-template-columns: 49% 51%
  grid-template-rows: 350px 175px 190px 13px
  grid-template-areas: |
    "col1 main" 
    "gap gap1"
    "gap2 gap3"
    "footer1 gap4"
    "footer1 footer2"
  margin: '-4px 4px -4px -4px'
  padding: 0
  card_margin: 0

dsellers1 avatar Aug 19 '23 18:08 dsellers1