[Implemented] Weather with symbols

---

Go into the custom.css and change the table width to what you want.
In my example it’s 343px. Change it to 600px and adjust the width of the iframe plugin too.

@SaxnPaule said in Weather with symbols:

Go into the custom.css and change the table width to what you want.
In my example it’s 343px. Change it to 600px and adjust the width of the iframe plugin too.

SaxnPaule is right. Judt change the width in the css and in the iframe plugin:) Maybe someday the iframe plugin will accept the width in %, so it you can use the whole screen, no matter what device you have.

@SaxnPaule said in Weather with symbols:

Go into the custom.css and change the table width to what you want.
In my example it’s 343px. Change it to 600px and adjust the width of the iframe plugin too.

If I am right the iframe shows only a width up to 600px you can set a higher width in the config but it do not work for me.

But only change the width to 600px in the custom.css is not that what I want. It costs only more space…

I think about something like this:

But how I wright before I don’t have the html or css skills to do that.

This could be achieved by editing the table layout. Just insert an additional column (<td>).
But this is only a solution for big screens. For mobile phones it’s no solution.

Later in the evening I could provide another html file or you try it yourself. It’s really simple. Google for “selfhtml table”

Thank for the hint I have it:

Here are the files who you have to change, they based on the black theme from @saxnpaule
index.html
forecast.js

You also have to change the width in the custom.css in row 12 to 600px.

I totally refactored the files and build them on floating DIV base without a table design.
forecast.js: http://pastebin.com/GcsLNv7G
custom.css: http://pastebin.com/059WeLyp
index.html: http://pastebin.com/EdnWR2ZP

The new design is totally dynamic and fits always to the configured iframe size.
If you want to have it like @V1per change line 19 in custom css from

width: 100%;

to

width: 50%;

@SaxnPaule
Thank you a lot, your update works great! Good job!

@mwittig This request is solved and can be closed.

@saxnpaule So, what’s the solution here? Does your wunderground plugin covers this?

Yes, it does: