Lovelace tabs

Configuration
1

How do you add tabs at the top for different lovelace pages?

I thought i did it in the sam file under views but its not working, it loads the same page.

here is an example of my workingh config…

title: working page
views:
  - title: example
    panel: true
    cards:
      - type: custom:layout-card
        layout: vertical
        column_num: 3
        cards:
          - type: glance
            title: Quick Controls
            columns: '4'
            entities:
              - entity: cover.garage_door
                name: Garage Door
                icon: mdi:garage
                tap_action: toggle
              - entity: lock.front_door
                name: Front Door
                tap_action: toggle
              - entity: automation.plex_spy_notification
                name: Voice Automations
                icon: mdi:home-automation
                tap_action: toggle
              - entity: input_boolean.homeaway
                name: Presence
                icon: mdi:home-account
                tap_action: toggle
              - entity: script.applerap
                name: Apple Rap
                icon: mdi:speaker
                tap_action: toggle
              - entity: script.tophiphop
                name: Amazon Rap
                icon: mdi:speaker
                tap_action: toggle
              - entity: script.maingroup
                name: Group
                icon: mdi:speaker
                tap_action: toggle
              - entity: script.allgroup
                name: All
                icon: mdi:speaker
                tap_action: toggle

and here is an example of what I tried that thought should work…
title: not working page where i try to add a tab at top for second lovelace page
views:

  • title: example
    panel: true
    cards:
    • type: custom:layout-card
      layout: vertical
      column_num: 3
      cards:
      • type: glance
        title: Quick Controls
        columns: ‘4’
        entities:
        • entity: cover.garage_door
          name: Garage Door
          icon: mdi:garage
          tap_action: toggle
        • entity: lock.front_door
          name: Front Door
          tap_action: toggle
        • entity: automation.plex_spy_notification
          name: Voice Automations
          icon: mdi:home-automation
          tap_action: toggle
        • entity: input_boolean.homeaway
          name: Presence
          icon: mdi:home-account
          tap_action: toggle
        • entity: script.applerap
          name: Apple Rap
          icon: mdi:speaker
          tap_action: toggle
        • entity: script.tophiphop
          name: Amazon Rap
          icon: mdi:speaker
          tap_action: toggle
        • entity: script.maingroup
          name: Group
          icon: mdi:speaker
          tap_action: toggle
        • entity: script.allgroup
          name: All
          icon: mdi:speaker
          tap_action: toggle
      • type: vertical-stack
        title: Sonos
        cards:
        • type: vertical-stack
          cards:
          • type: weather-forecast
            entity: weather.ecobee
          • type: “custom:mini-graph-card”
            entity: sensor.plex
            hours_to_show: 168
            hide_icon: true
            height: 90
            font_size: 1
            detail: 2
            line_color: “#1967EC”
          • type: custom:entity-attributes-card
            title: Plex
            heading_name: Name
            icon: mdi:plex
            heading_state: Currently Watching
            filter:
            include:
            - key: sensor.tautulli_total.*
            exclude:
            - key: sensor.tautulli_total.friendly_name
            - key: sensor.tautulli_total.unit_of_measurement
            - key: sensor.tautulli_total.icon
            - key: sensor.tautulli_total.name
2

It needs to be like this:

title: Lovelace
views:
  - title: Main
    badges:
      - binary_sensor.ha_update_avail_template
      - binary_sensor.haapi_mqtt_test
    cards:
  - title: Media Players
    cards:
      - type: media-control
        entity: media_player.chromecastaudio1984
      - type: media-control
        entity: media_player.computer_room_dot
  - title: Environment
    cards:
      - type: entities
        title: Severe Weather Alerts
        entities:
          - sensor.pws_alerts
          - sensor.pws_location
3

Also your second block of code needs to be formatted properly.

4

yea sorry about that, I dont know why the second half didnt show up correctly.

But, thank you very much that worked. I appreciate the help!