can you point me where or how do i make | Home Assistant | Page 1

arctic crane Jan 11, 2024, 9:07 AM

#

lets do it in here to clean up the front end channel

snow sand Jan 11, 2024, 9:07 AM

#

okee

arctic crane Jan 11, 2024, 9:08 AM

#

First question, do you work front end, or do you use Yaml as your main dashboard editing ?

snow sand Jan 11, 2024, 9:08 AM

#

i'll stick to the easy one front end i guess

arctic crane Jan 11, 2024, 9:09 AM

#

noted...
So first off, i would create a tab to move the devices away from the front end, and into "rooms/tabs" just the way you set it up.

That way if you have a issue with a computer or something you need to know.. you just go into the room/tab you know the device is on, and then turn it on/of or whatever your plan is

snow sand Jan 11, 2024, 9:10 AM

#

oh so i make another tab?

right now its all piled up in the wake on lan tab

arctic crane Jan 11, 2024, 9:10 AM

#

so.. these are tabs:

snow sand Jan 11, 2024, 9:11 AM

#

got it

arctic crane Jan 11, 2024, 9:11 AM

#

There are two ways of doing this.

#

Create a new dashboard on the left side, and then create tabs inside there.. then you have a dashboard only for the task you are working on

#

you have a dash called: neo hotel.
You could create one new that is named: Power as an example.

That way, you get a clean and well sorted dashboard.

#

you create tabs inside the existing dash, but that can create many pages, and not sure if you want that spesific thing

snow sand Jan 11, 2024, 9:14 AM

#

arctic crane you have a dash called: neo hotel. You could create one new that is named: Powe...

yeah the neo hotel one basically shows all the stuff for the hotel and in it i made tabs idk if its good or not

#

i think the first option makes sense

#

i'm tryna make it simple so a non tech savvy can understand it

#

i'm the only IT person in this hotel

arctic crane Jan 11, 2024, 9:15 AM

#

then i would do the first option for sure

#

so then you make a own dashboard named:
Power - - 1st flr
| - 2nd flr
| - 3rd flr

#

there might be other ways of doing this, but this is what i wold have done.. and after you have sorted everything out, then you can start thinking of making stuff beautiful 🙂

#

functionality beats design

snow sand Jan 11, 2024, 9:18 AM

#

any suggestions on the icons?

i got the most stuff at

basement
lobby/the entrance floor/ground floor
6th floor
7th floor

snow sand Jan 11, 2024, 9:19 AM

#

arctic crane there might be other ways of doing this, but this is what i wold have done.. and...

btw appreaciate your help and suggestions for breaking it down in my head everything is messy lol

#

also how does this theme part works

arctic crane Jan 11, 2024, 9:19 AM

#

snow sand any suggestions on the icons? i got the most stuff at basement lobby/the entr...

https://pictogrammers.com/library/mdi/?welcome

#

all those icons you can use 🙂 its a bit easier to search there

snow sand Jan 11, 2024, 9:20 AM

#

arctic crane https://pictogrammers.com/library/mdi/?welcome

yooooooo

#

thats soo cool lol

#

thats very usefull

#

im a little lost on the view type been leaving it on default

arctic crane Jan 11, 2024, 9:21 AM

#

search for F1 f.eks

#

or just search for "number"

snow sand Jan 11, 2024, 9:22 AM

#

epicccc

#

i searched floor it showed 0,1 2 and then u suggested number

#

even better

arctic crane Jan 11, 2024, 9:23 AM

#

🙂

#

I have to chop some wood soon, but you have a good start here, and i can help more later.. might be others here that want to help you out as well 🙂

snow sand Jan 11, 2024, 9:24 AM

#

arctic crane I have to chop some wood soon, but you have a good start here, and i can help mo...

thank you my friend really appreaciate for the guidance

#

idk how to thank you 😁

#

chop wood where you from if you dont mind me asking

#

i'm in malaysia

arctic crane Jan 11, 2024, 9:24 AM

#

Norway 🙂

snow sand Jan 11, 2024, 9:25 AM

#

oh wow cold country man

#

u got snow too?

#

ur like on the other end of the globe like 10k km away 😂

arctic crane Jan 11, 2024, 9:25 AM

#

We had -12°c where I`m from, but no sow atm. but up north its about -30

snow sand Jan 11, 2024, 9:26 AM

#

snow sand Jan 11, 2024, 9:26 AM

#

arctic crane We had -12°c where I`m from, but no sow atm. but up north its about -30

damm bro minus

#

over here its like 50c

#

or 55

#

avg

#

shoes stick to the road on a hot day lol

arctic crane Jan 11, 2024, 9:27 AM

#

I might need a hotel room over there hehe

#

be back later ::)

snow sand Jan 11, 2024, 9:28 AM

#

haha sureeee

#

i got admin access

#

i'll get u anything u want

#

its just a 3 star hotel

arctic crane Jan 11, 2024, 9:28 AM

#

lol i was joking 😛 hehe

snow sand Jan 11, 2024, 9:28 AM

#

owned by archipelago international

snow sand Jan 12, 2024, 7:16 AM

#

hey man how are u

#

i finished making it like u told me tp

#

to

#

whats my next step from here

snow sand Jan 12, 2024, 7:17 AM

#

arctic crane lol i was joking 😛 hehe

arctic crane Jan 12, 2024, 7:17 AM

#

Well look at that, cleaner 🙂

snow sand Jan 12, 2024, 7:18 AM

#

ikrr

#

ur a lifesaver

arctic crane Jan 12, 2024, 7:19 AM

#

Do you have mushroom cards installed ?

snow sand Jan 12, 2024, 7:23 AM

#

no

#

the first one?

#

or all?

arctic crane Jan 12, 2024, 7:24 AM

#

Wait... if you use the tile card instead

#

thats card you have

snow sand Jan 12, 2024, 7:25 AM

#

i do?😅where do i see that

arctic crane Jan 12, 2024, 7:25 AM

#

Hold on, need to power on my computer

#

#

i just made this quick to show you a other more clean card

#

when you add a new card to your dashboard, you should have a card named "tile"

snow sand Jan 12, 2024, 7:27 AM

#

arctic crane Hold on, need to power on my computer

okee thank you appreaciate for going thru the trouble

arctic crane Jan 12, 2024, 7:28 AM

#

i have a other suggestion as well.. just need to find the card first

snow sand Jan 12, 2024, 7:29 AM

#

arctic crane i have a other suggestion as well.. just need to find the card first

okee

arctic crane Jan 12, 2024, 7:31 AM

#

mushroom cards have allot of nice stuff.
if you look at these examples by @fading hornet

https://github.com/dsellers1/home-assistant

the examples there are icon/color reactions to states whitch could be real nice for you to use

snow sand Jan 12, 2024, 7:33 AM

#

so i download those cards ?

arctic crane Jan 12, 2024, 7:34 AM

#

Yes

#

Or no

snow sand Jan 12, 2024, 7:34 AM

#

arctic crane mushroom cards have allot of nice stuff. if you look at these examples by <@695...

they do look nice

arctic crane Jan 12, 2024, 7:34 AM

#

You download the mushroom card

snow sand Jan 12, 2024, 7:34 AM

#

arctic crane Yes

i dont mind downloading

arctic crane Jan 12, 2024, 7:35 AM

#

And then you can edit the cards like he did after

snow sand Jan 12, 2024, 7:35 AM

#

okee

#

let me try

#

i downloaded all the one is mentions lol

#


type: button
entity: sw_neo313fbm_pc
show_name: true
show_icon: true
tap_action:
  action: toggle
name: Using one state
card_mod:
  style: |-
    ha-card {
      {% if is_state('sw_neo313fbm_pc', 'off') %}
        --card-mod-icon: mdi:desktop-classic;
        --card-mod-icon-color: red;
      {% else %}
        --card-mod-icon: mdi:desktop-classic;
        --card-mod-icon-color: green;
      {% endif %}
    }

#

#

trying to make that or something idk it seemed cool its green when its on and red when off

fading hornet Jan 12, 2024, 7:51 AM

#

your entity name is wrong

arctic crane Jan 12, 2024, 7:52 AM

#

@fading hornet you are really fast on that keyboard!

#

😛

snow sand Jan 12, 2024, 7:52 AM

#

oh wow

#

sw_neo313fbm_pc

#

i literally got the gods to help me on these

fading hornet Jan 12, 2024, 7:52 AM

#

Had this thread open on other monitor while doing some other work. 😉

snow sand Jan 12, 2024, 7:53 AM

#

this the default one that works right now

snow sand Jan 12, 2024, 7:53 AM

#

fading hornet Had this thread open on other monitor while doing some other work. 😉

thank you master

fading hornet Jan 12, 2024, 7:53 AM

#

In the second screenshow, you show switch.sw_neo313fbm_pc but the first is only sw_neo313fbm_pc.

snow sand Jan 12, 2024, 7:53 AM

#

i'm open to anyideas or suggestion on how to make this look better lol my creativity is 0

snow sand Jan 12, 2024, 7:54 AM

#

fading hornet In the second screenshow, you show `switch.sw_neo313fbm_pc` but the first is on...

ahhh

#

let me try again

arctic crane Jan 12, 2024, 7:54 AM

#

you need to tell the card what to do.
You must always start with a:
sensor.
switch.
light.

To tell the card what entity it is 🙂

snow sand Jan 12, 2024, 7:54 AM

#

yooooooo

#

it became greeeen

#

#

epicccc

fading hornet Jan 12, 2024, 7:56 AM

#

Now, take a look at the code. Your entity is a switch and the tap_action is toggle. I'm assuming you do not want to be able to turn off this device via the card... If that's true, change toggle to none.

snow sand Jan 12, 2024, 7:56 AM

#

snow sand

i can change color like on hex code or something?

arctic crane Jan 12, 2024, 7:56 AM

#

yes

snow sand Jan 12, 2024, 7:56 AM

#

fading hornet Now, take a look at the code. Your entity is a switch *and* the tap_action is to...

yeah its like a wake on lan command push button thingy

arctic crane Jan 12, 2024, 7:56 AM

#

use "#HEXCODE"

fading hornet Jan 12, 2024, 7:59 AM

#

Okay. So it is not an actual switch on like a smart plug. Gotcha.

snow sand Jan 12, 2024, 8:00 AM

#

i lost the color lol


show_name: true
show_icon: true
type: button
entity: switch.sw_neo313fbm_pc
tap_action:
  action: none
name: FBM PC
show_state: true
card_mod:
  style: |-
    ha-card {
      {% if is_state('sw_neo313fbm_pc', 'off') %}
        --card-mod-icon: mdi:desktop-classic;
        --card-mod-icon-color: "#FF5555" ;
      {% else %}
        --card-mod-icon: mdi:desktop-classic;
        --card-mod-icon-color: "#55FF55";
      {% endif %}
    }

#

fading hornet Jan 12, 2024, 8:01 AM

#

snow sand i can change color like on hex code or something?

Like BerrisNO said, you can, but I, personally, like to use CSS name. I think this page for reference: CSS Color Names Sorted by Lightness and Hue

snow sand Jan 12, 2024, 8:01 AM

#

fading hornet Okay. So it is not an actual switch on like a smart plug. Gotcha.

yeah i got like 33 of them trying to make it easier for the office so if i'm not here anyone can do ti

#

it

arctic crane Jan 12, 2024, 8:01 AM

#

fading hornet Like BerrisNO said, you can, but I, personally, like to use CSS name. I think th...

agreed 🙂

snow sand Jan 12, 2024, 8:02 AM

#

its back

#

thank you for that wonderful site

arctic crane Jan 12, 2024, 8:03 AM

#

oh that name list @fading hornet i didnt know about! i have just been guessing the color names hehe

fading hornet Jan 12, 2024, 8:05 AM

#

If you have to make 33 of the exact same button (but with different entities), I suggest incorporating either the Decluttering card or making Configuration Templates with the custom:button-card. Then, you can create a template to be reused and not have to repeat it each time.

snow sand Jan 12, 2024, 8:05 AM

#

fading hornet If you have to make 33 of the exact same button (but with different entities), I...

Yeah i got 33 pc different entity name but same stuff mostly i made them already using the regular button

#

how to make that template?

arctic crane Jan 12, 2024, 8:06 AM

#

fading hornet If you have to make 33 of the exact same button (but with different entities), I...

if you get payed for each hour, i would do it the hard way heheh kidding!

snow sand Jan 12, 2024, 8:06 AM

#

hahaha

#

sadly no

#

but i can spend my monday doing it

#

😂😂

arctic crane Jan 12, 2024, 8:06 AM

#

there is a nice youtube video out there.. hold on!

snow sand Jan 12, 2024, 8:06 AM

#

today is friday

arctic crane Jan 12, 2024, 8:07 AM

#

https://www.youtube.com/watch?v=EumKl7pwGM8

fading hornet Jan 12, 2024, 8:07 AM

#

Making changes in the future is going to be a PITA... (Speaking from experience.)

arctic crane Jan 12, 2024, 8:08 AM

#

yeah i agree.. i have started to template my own cards, but i use YAML, never tried the Decluttering card before

snow sand Jan 12, 2024, 8:08 AM

#

they all have different name and icon

#

will it still work?

#

📎 message.txt

#

i cant upload the whole thing sorry

fading hornet Jan 12, 2024, 8:10 AM

#

An example. This is what is used to create one of the cards shown here. The colored dot is a separate entity for the battery level. ```yaml

type: custom:button-card
template: motion_detector_animated
entity: binary_sensor.living_room_motion_detector_on_off
name: Living Room
variables:
var_battery_entity: sensor.living_room_motion_detector_battery_level

#

Yellow Kitchen 1 means it is offline. When motion is detected, the icon flashed and name illuminates.

snow sand Jan 12, 2024, 8:12 AM

#

that dot and icons looks really good

#

any suggestion for desktops or pc ?

#

another thing my tiles are huge

#

or is it looks fine?

fading hornet Jan 12, 2024, 8:19 AM

#

I would suggest looking into the layout-card and its grid-layout capability. This way, you can define how many columns are shown and, therefore, get all 33 entities on one view without needing to scroll. (You can use the stock Grid card too, but you cannot specify column widths, only number of columns, which probably would not be an issue in this case.) yaml type: grid layout: grid-template-columns: 20% 20% 20% 20% title: Motion Detectors columns: 4 square: false

arctic crane Jan 12, 2024, 8:21 AM

#

Yeah I made him clean it up and make one page per floor to make it easier to find the correct device

#

Or I suggested hehe

snow sand Jan 12, 2024, 8:22 AM

#

arctic crane Yeah I made him clean it up and make one page per floor to make it easier to fin...

u gave a big brain idea

#

really appreaciated it

arctic crane Jan 12, 2024, 8:22 AM

#

I did this at work, so that each floor has its own wall tablet, just showing the floor they are on

snow sand Jan 12, 2024, 8:22 AM

#

thats smarttt

arctic crane Jan 12, 2024, 8:23 AM

#

But the layout card might be just as smart

snow sand Jan 12, 2024, 8:24 AM

#

seems like the colorful card thingy doesnt work with different icons?

#

nvm my bad forgotten to edit it at the bottom

fading hornet Jan 12, 2024, 8:26 AM

#

I would still suggest using a grid card to minimize the screen real-estate the buttons are taking up. Would leave more room for other useful stuff (weather, calendar, HVAC, cameras, etc.)

snow sand Jan 12, 2024, 8:27 AM

#

okee right now i'm changing all of them to have colors with the code

#

1 by 1 lol

#

let me try the grid card tonight or tmr

#

btw is it late night for u guys? am i interrupting your sleep?

arctic crane Jan 12, 2024, 8:31 AM

#

9:30 in the morning 🙂

snow sand Jan 12, 2024, 8:35 AM

#

oh oke so i'm not annoying yall that much 😂

snow sand Jan 12, 2024, 8:53 AM

#

just finished re doing all the cards

snow sand Jan 15, 2024, 1:07 AM

#

hey good morning

#

https://imgur.com/a/H1k9oin#ZsoSIAy

#

i saw this online

#

#

#

where or how do i set my background to that in home assistant

snow sand Jan 15, 2024, 1:37 AM

#

#

i tried the mushroom card auto dashboard the home page looks good other stuff is still messy


strategy:
  type: custom:mushroom-strategy
views: []

#

i like the home page tho

#

is it possible to implement it somehow into my existing one?

#

seems to not appear in the mobile app thou

#

Screenshot_2024-01-15-10-07-23-97_c3a231c25ed346e59462e84656a70e50.jpg

snow sand Jan 15, 2024, 2:30 AM

#

nvm i reset it back to default it works on mobile probably i broke something

arctic crane Jan 15, 2024, 7:10 AM

#

Progress 🙂

snow sand Jan 15, 2024, 7:42 AM

#

arctic crane Progress 🙂

ikr

#

thank you for the help but any idea how do i make those location thingy seems cool

#

same with the theme

snow sand Jan 15, 2024, 9:07 AM

#

i made this

#

so by clicking on it it takes me to that tab

#

should i hide the tabs or something then?

#

i got an issue where 1 button isn't appearing

#

📎 message.txt

#

#

nvm fixed i

#

it

snow sand Jan 15, 2024, 9:56 AM

#

#

i gotta make the switches look better right now taking up too much space

#

and the alignment i guess

snow sand Jan 16, 2024, 2:29 AM

#

this my main home window now any idea how to make it more arranged

arctic crane Jan 16, 2024, 7:07 AM

#

You have good progress now, test it out and ask your users. Always best to get their input before going more crazy on design and layout 🙂

#

Even though the IT guy is always right hehe

snow sand Jan 16, 2024, 7:38 AM

#

can someone guide me on how to use theme?

i downloaded the following from hacs what do i do next?

https://github.com/basnijholt/lovelace-ios-themes

snow sand Jan 16, 2024, 7:38 AM

#

arctic crane You have good progress now, test it out and ask your users. Always best to get t...

thank you,i asked my boss who is the oldest and barely touches the computer he got it sorted

#

made him turn on a few pc and check the ink level of printers

arctic crane Jan 16, 2024, 7:46 AM

#

Then I would stop there, let them use it for a little while, while you duplicate it and start working on a new version in the background, without doing changes to the one that they use. And ask them for updated feedback.

My experience (it guy) always look at stuff different then the end user. So if you want them to use it, feedback is important

snow sand Jan 16, 2024, 7:52 AM

#

arctic crane Then I would stop there, let them use it for a little while, while you duplicate...

yes i've duplicated it its just the layout is bugging everyone for the home page

arctic crane Jan 16, 2024, 7:56 AM

#

Try using layout card. There are many good guides on YouTube on that card

#

Be back later, heading out to the woods

#can you point me where or how do i make