Comments (2)
I thought I was having the same issue, blank card. I also was trying to use card-mod but it wouldn't work, would throw an error ("i.setConfig not valid" or something long those lines), so I removed that and stripped out the style section. At that point the error messages stopped but it appeared to be showing a blank card. However it occurred to me it might just not be visible, so highlighted the card dragging the cursor down from "route to" and sure enough, there was my travel times, white on white. So for me it is a formatting issue, not the waze card itself.
from ha-card-waze-travel-time.
hi, probably it is a colors issue.
Try to use the following configuration:
type: custom:mod-card
card:
type: 'custom:ha-card-waze-travel-time'
header: false
name: Route to...
unit: mi
columns:
- from
- to
- duration
- distance
- icon
destinations:
- entity: sensor.to_work
from: Home
to: Work
- entity: sensor.to_home
to: Home
style: |
ha-card {
--primary-text-color: #FFFFFF;
--secondary-text-color: #727272;
--text-primary-color: #ffffff;
--disabled-text-color: #bdbdbd;
background-image: url("/local/imgs/card_back.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 300px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
}
You can change the card colors as you like.
Thanks, Renato
from ha-card-waze-travel-time.
Related Issues (17)
- Name not showing up HOT 2
- "Columns", "from" and "to" not showing HOT 1
- setConfig is undefined HOT 7
- Distance displays km when the integration specifies "miles" HOT 1
- Blank Card HOT 5
- Error on retrieving data: empty response HOT 1
- Firefox error message: Blocked by X-Frame-Options Policy HOT 9
- Clicking route makes waze page crash HOT 1
- Header does not display
- multiple routes one destination?
- Background Image is not working correctly
- Feature Request, HH:MM duration
- I need help to have it working... HOT 1
- Support for different icon
- Cant add template in destination field
- Showing KM distance not miles
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ha-card-waze-travel-time.