코딩정보
새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사

● ha작업) Welcome to the UI-Lovelace-Minimalist 의 기본 대시보드로 활용 수정 합니다.

♨ 카랜더 일정 : 2024년05월18일
  • 링크
    https://ui-lovelace-minimalist.github.io/UI/ 82 회 연결
    https://www.youtube.com/watch?v=A0fMt8IRKoI&t=3s 81 회 연결
    회 연결
  • 첨부
    adaptive-dash.zip 파일크기 (8.5K)
    등록일 2024.05.18 23:28

    • 작성자 정보

    컨텐츠 정보

    본문

    ● ha작업) Welcome to the UI-Lovelace-Minimalist 의 기본 대시보드로 활용  수정 합니다.

    https://ui-lovelace-minimalist.github.io/UI/


    구성에 조건을 설정하여 기본 카드 대시보드로 활용하기

    특징> 파일구성을 yaml파일로 직접 구성 가능하며

            대시보드의 카드구성을 직접 동일하게 복사 구성 가능합니다


    1) UI-Lovelace-Minimali 를 구성하면

      기본 폴더위치 > 

    s:\ui_lovelace_minimalist\dashboard\adaptive-dash\adaptive-ui.yaml

    삼바 연결로 보면

    3232235521_1716041101.8014.png


    기본구성이 다음과 같이 구성 되어 있습니다

    3232235521_1716041290.9574.png

    초기구성 에 저와 같은  초보자의  카드 구성을 알지 못하면 쉽게 카드구성을 할수 없다

    그러나 다음과 캍이 카드 구성을 하여  기본 대시보드 카드 그대로 사용 가능 합니다

    기본파일 수정

    메인 대시보드는

    s:\ui_lovelace_minimalist\dashboard\adaptive-dash\adaptive-ui.yaml

    를   수정하면 기본 대시보드 카드 사용가능 합니다

    button_card_templates: !include_dir_merge_named "../../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"
    title: "top UI Lovelace Minimalist"
    theme: "minimalist-desktop"
    # background: "var(--background-image)"

    views:
      - title: "picture_card"
        path: 0
        icon: "mdi:flower"
        panel: full    
        cards:
          - !include "views/picture_card.yaml"

      - type: "vertical-stack"
        path: "vertical"
        title: "stack"
        icon: mdi:file-cad-box
        panel: full  
        cards:
          - !include "views/vertical-stack.yaml"

      - type: "custom:grid-layout"
        title: "Livingroom"
        icon: "mdi:sofa"
        path: "Livingroom"
        layout:
          grid-template-columns: "1fr 1fr"
          grid-template-rows: "min-content"
          grid-template-areas: |
            "livingroom popup"
          mediaquery:
            "(max-width: 1100px), (orientation: portrait)":
              grid-template-columns: "100%"
              grid-template-areas: "livingroom"
        cards:
          - !include "views/livingroom.yaml"
          - !include "popup/popup.yaml"

        # 주) 수정후 메일 저장후 리프레쉬 하세요
        # S:\ui_lovelace_minimalist\dashboard\adaptive-dash\adaptive-ui.yaml

    3232235521_1716041751.9094.png


    수정1> - !include "views/picture_card.yaml"

    부분은 기본대시보드 적용 그대로 사용가능

    3232235521_1716041925.7018.png

    3232235521_1716042031.8386.png

    수정2>  - !include "views/vertical-stack.yaml"

    기본 카드 적용 형식으로 사용 가능

    3232235521_1716041984.3882.png

    3232235521_1716042070.2711.png

    기본설치후에  다음 압축 파일을 상기 구성을  삼바연결하여 압축해제 적용 가능,,,첨부 저장 보관 합니다

    s:\ui_lovelace_minimalist\dashboard\adaptive-dash.zip

    3232235521_1716042208.5051.png


    활용 방법

    메인 베이직 대시보의 카드추가 구성후  외부 에디터로  변경 가능합니다

    아울러 기본 대시보드 설정후 상단으로 이동  기본 주 대시보드  활용 가능합니다

    3232235521_1716042374.6994.png

    기본의 센서류를 대시보드에추가하기는  haos 기존 basic대시보드에 추가후 

    삼바연결  수정시 복사 사용가능 합니다

    3232235521_1716042532.058.png

    ☞ https://11q.kr 에 등록된 자료 입니다. ♠ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다♠1.png

    [ 추가 정보 ... 더보기) ]
    뷰PDF 1,2
    office view

    관련자료

    댓글목록

    profile_image

    11qkr님의 댓글

    11qkr 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (192.♡.0.1) 작성일

    UI Lovelace Minimalist
    을 최상단 기본대시보드로 . configuration.yaml에서 변경 ㅈ어보를 찾아 주세요
    Copilot
    UI Lovelace Minimalist 대시보드를 기본 대시보드로 설정하려면, configuration.yaml 파일을 편집해야 합니다. 다음은 configuration.yaml에 추가할 수 있는 예시 코드입니다:

    lovelace:
      mode: yaml
      dashboards:
        lovelace-minimalist:
          mode: yaml
          title: Minimalist
          icon: mdi:script
          show_in_sidebar: true
          filename: lovelace-minimalist.yaml

    이 코드는 UI Lovelace Minimalist 대시보드를 사이드바에 표시하고 기본 대시보드로 설정합니다. filename은 실제 UI Lovelace Minimalist 대시보드의 YAML 파일 경로로 변경해야 합니다.

    변경 후에는 Home Assistant를 재시작하여 변경 사항을 적용해야 합니다. 자세한 설정 방법은 UI Lovelace Minimalist의 공식 문서를 참조하시기 바랍니다. 만약 설정에 어려움이 있으시다면, 홈 어시스턴트 커뮤니티 포럼에서 도움을 요청하실 수도 있습니다.

    자세한 정보

    1

    ui-lovelace-minimalist.github.io
    2

    ui-lovelace-minimalist.github.io
    3

    ui-lovelace-minimalist.github.io
    4

    ui-lovelace-minimalist.netlify.app
    5

    ui-lovelace-minimalist.github.io
    6

    community.home-assistant.io
    7

    community.home-assistant.io
    +5 더 보기

    답변
    목록 답변
    새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사

    ♥간단_메모글♥

    최근글

    새댓글

    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-06-02 08:40:12

    오늘의 홈 현황

    • 현재 접속자♨ 635 명
    • 오늘 가입자※ 0 명
    • 어제 가입자※ 4 명
    • 주간 가입자※ 7 명
    • 오늘 방문자 1,468 명
    • 어제 방문자 2,099 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,354,713 명
    • 전체 게시물※ 8,612 개
    • 전체 댓글수※ 24,675 개
    • 전체 회원수 11,004 명

    QR코드

    ☞ QR코드 스캔은 kakao앱 자체 QR코드
    알림 0








    최신글↑