Few updates. It looks like this will remove the scrollbars on desktop (tested with Firefox and Chrome), but with the drawback that it is not possible to scroll at all on desktop. So if you have something important all the way to the right this might not be the best solution. type: custom:paper-buttons-row styles: gap: 8px justify-content: flex-start '-ms-overflow-style': none; scrollbar-width: none overflow-x: scroll
This is literally the best channel i found in my entire life on RUclips. Thanks for sharing your knowledge 🙏🙏 Would love a video on some cards for security, like alarm, sensors, camera etc...
Awesome tutorial again! I think on desktop you could hide the scrollbar with a little bit of cardmod? But i didn't tested it In CSS i normally use the following parts: -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ ::-webkit-scrollbar { display: none; } EDIT: After testing it on a normal ha-card this works. Good to know is that ha-card could be something else if you use something customs :) card_mod: style: | ha-card { -ms-overflow-style: none; scrollbar-width:none } ha-card::-webkit-scrollbar { display:none; }
Yeah its easy to get working on a normal website, but I havent been able to figure out the pseudo elements inside a card in HA. But I think you might be onto something, although Im not a card mod expert.
@@My_Smart_Home Yeah just tried it on a ha card and this worked for me right away: card_mod: style: | ha-card { -ms-overflow-style: none; scrollbar-width:none } ha-card::-webkit-scrollbar { display:none; } Ive also edited it on my first comment. Good mention is that the ha-card could be something else if you use a custom thing like a paper-buttons-row.
Thanks for the video I ve nearly completed my dashboard version of your dasboard, I still need to work few element Do you plan to work on a security view ? (alarmo, camera, ..) ? I plan to include my car in my alarm system just in case someone steal my car during the bedtime mod
Hi, something like this works for me: icon: '{{ ''mdi:washing-machine'' if is_state(config.entity, ''on'') else ''mdi:power'' }}' entity: sensor.dishwasher
Ohh thats an interesting idea, but I cant really see a simple way of doing it. Sorry about the late reply. Did you have a go at it? One way to do it is to add a second button that act as a badge, could move it into position with some css. But this is of course very hacky
@My_Smart_Home I got it working with a sensor and group count template. It is displaying the amount of people according to home or not home. I'm happy to share it if needed.
How do i get to display a sensor state for my dishwasher ( remaining Time for me is sensor.geschirrspuler_program_progress) instead of that atribute i dont seem to be able to get it shown properly
is there a way to display an entity picture instead of the icon ? I want person.name to display the person picture and not an icon ? as always the videos are amazing.
Bro, as always great! I already bought a bunch of codes from you, but I’m having issues with the Animated weather card and the card I’m commenting this under. Is there any other way of contacting you? Thanks a million!
I wrote all the code, but in the end I have nothing, not even an error. What could be happening? Only a "black" rectangle because I am in DM. Update: the button appears when I hide the line: entity: input_boolean.tutorial_chipcards
![Noob To Max With DRAGON REWORK In Blox Fruits [FULL MOVIE]](http://i.ytimg.com/vi/LnBMOinoOvA/mqdefault.jpg)
Few updates.
It looks like this will remove the scrollbars on desktop (tested with Firefox and Chrome), but with the drawback that it is not possible to scroll at all on desktop. So if you have something important all the way to the right this might not be the best solution.
type: custom:paper-buttons-row
styles:
gap: 8px
justify-content: flex-start
'-ms-overflow-style': none;
scrollbar-width: none
overflow-x: scroll
is there a way to remove the scrollbar also on my iphone companion app?
Your videos are better for learning a little about the concept of creating top dashboards.
Thank you for everything.
Like to hear “i will have another video out soon” 😂
Another great video, thanks!
This is literally the best channel i found in my entire life on RUclips.
Thanks for sharing your knowledge 🙏🙏
Would love a video on some cards for security, like alarm, sensors, camera etc...
Cheers man!
Love the videos keep them coming.
As always, quality 😊
It would be cool if you could make the chip card into a toggle switch, and have the info in the chip flip to the other side when its toggled
Awesome tutorial again!
I think on desktop you could hide the scrollbar with a little bit of cardmod? But i didn't tested it
In CSS i normally use the following parts:
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
::-webkit-scrollbar {
display: none;
}
EDIT:
After testing it on a normal ha-card this works. Good to know is that ha-card could be something else if you use something customs :)
card_mod:
style: |
ha-card {
-ms-overflow-style: none;
scrollbar-width:none
}
ha-card::-webkit-scrollbar {
display:none;
}
Yeah this should work.
Yeah its easy to get working on a normal website, but I havent been able to figure out the pseudo elements inside a card in HA. But I think you might be onto something, although Im not a card mod expert.
@@My_Smart_Home Yeah just tried it on a ha card and this worked for me right away:
card_mod:
style: |
ha-card {
-ms-overflow-style: none;
scrollbar-width:none
}
ha-card::-webkit-scrollbar {
display:none;
}
Ive also edited it on my first comment. Good mention is that the ha-card could be something else if you use a custom thing like a paper-buttons-row.
Thanks for the video
I ve nearly completed my dashboard version of your dasboard, I still need to work few element
Do you plan to work on a security view ? (alarmo, camera, ..) ?
I plan to include my car in my alarm system just in case someone steal my car during the bedtime mod
Great video! Is there a way to start this row at the beginnen? Mine is starting with showing the buttons in the middle of the row.
Try justify-content: flex-start just under gap at the top styling
@@My_Smart_Home Thanks that worked!!!
How would I change the icon for an on state and have a different icon for an off state ?
Hi, something like this works for me:
icon: '{{ ''mdi:washing-machine'' if is_state(config.entity, ''on'') else ''mdi:power'' }}'
entity: sensor.dishwasher
@@My_Smart_Home awesome thank you. That works
Hi there again. Is it possible to have I chip in here to display badges ? I want to have count of people at home to be displayed in a badge ?
Ohh thats an interesting idea, but I cant really see a simple way of doing it.
Sorry about the late reply. Did you have a go at it?
One way to do it is to add a second button that act as a badge, could move it into position with some css. But this is of course very hacky
@My_Smart_Home I got it working with a sensor and group count template.
It is displaying the amount of people according to home or not home.
I'm happy to share it if needed.
@@My_Smart_Home I got it to work with a group and sensor template to display in the state field. happy to share the template code
You can hide scrollbar, with it still being functional with
::-webkit-scrollbar {
display: none;
}
Yeah, if I add this it hides the scrollbars, but I'm not able to scroll:
extra_styles: |
::-webkit-scrollbar {
display: none;
}
How do i get to display a sensor state for my dishwasher ( remaining Time for me is sensor.geschirrspuler_program_progress) instead of that atribute i dont seem to be able to get it shown properly
It doesn't work if you just add that sensor as the entity and remove the state attribute code?
@@My_Smart_Home unfortunately not. it just says then undefined
is there a way to display an entity picture instead of the icon ? I want person.name to display the person picture and not an icon ? as always the videos are amazing.
Yeah, just use image instead of icon. Checkout the github documentation for all the options.
Bro, as always great!
I already bought a bunch of codes from you, but I’m having issues with the Animated weather card and the card I’m commenting this under.
Is there any other way of contacting you?
Thanks a million!
You'll find my email in the channel about page here on RUclips.
Or it should be in the email from Gumroad as well.
@@My_Smart_Home - Don’t have the emails anymore and it’s not on the about page.
hello@mysmarthome.blog
I wrote all the code, but in the end I have nothing, not even an error. What could be happening? Only a "black" rectangle because I am in DM.
Update: the button appears when I hide the line: entity: input_boolean.tutorial_chipcards
Do you have a helper called tutorial_chipcards ? Maybe it wasn't clear, but you are ment to swap it out for your own devices and entities