Layout configurations

The layout configuration controls how elements within the vehicle status card are displayed, including themes, grid layout, and visibility of certain components.

Key Features

• Theme Configuration: Customize the card’s overall appearance using a theme mode:

  • auto: Automatically switches based on your system or dashboard theme.
  • light: Use a light background and styling.
  • dark: Use a dark theme optimized for low-light environments.

  

• Button Grid Layout:

  • Set the number of rows for displaying buttons.
  • Enable swipe gestures for smooth scrolling on mobile devices.
  • Choose between vertical or horizontal layout for each button using the new layout option.
  • Apply a transparent background to buttons for a cleaner, more integrated visual style.

  

• Visibility Controls: Toggle the display of individual card sections to match your needs:

  • Card Name
  • Mini Map
  • Buttons
  • Indicators
  • Range Info
  • Images
  • Button Notifications

• Section Reordering: Easily rearrange the order in which the main sections appear on the card. This lets you prioritize the content most relevant to your use case, whether that's vehicle status, location, or custom buttons.

  This configuration gives you full flexibility to design the card’s layout and optimize it for different devices or user preferences.

  

Yaml Example

layout_config:
  button_grid:
    rows: 2
    columns: 2
    swipe: true
    button_layout: horizontal
    transparent: false
  hide:
    button_notify: false
    buttons: false
    images: true
    indicators: false
    range_info: true
    mini_map: true
    card_name: false
    map_address: false
  section_order:
    - header_info
    - buttons