Mod Weather on Home Screen, on all tabs
#1
Wink 
Check below posts for a new way to do this.

Thanks

Quote:I am very new to this thing of skinning and i am not really in the right mood, or have the time to learn everything from scratch.
At least i am trying.

I am pretty sure there is a right way to do this, as i am sure i have done it the wrong way, but it works, and at least for me it is fine.

Making this change you will be able to see the weather temperature and the weather condition (icon that shows if it rains and so on) exactly next to time. There is some empty space in that graphic. I would also like to make that background/container a bit bigger so that i can add Weather Location but, it will overlap with dropdown info and i am not sure, at least for me that i need this, or that it will look nice. Not that the drop down info is always there but anyway.

To add Weather temperature and Weather condition next to the clock edit Home.xml located in %appdata%\XBMC\addons\skin.amber\1080i (if you are in windows copy paste this at the file explorer bar.

Keep a backup of the file before you edit it.

There are 2 ways to do it. Easy and a second one not that hard but you will have to do some work. Try them both if the first one does not work.

Just delete everything in that file and paste everything below in it. This is the easy way i guess.

Code:
<?xml version="1.0" encoding="UTF-8"?>
<window id="0">
  <defaultcontrol always="true">300</defaultcontrol>
  <onload condition="System.HasAddon(plugin.video.plexbmc) + Skin.HasSetting(plexbmc)">RunScript(plugin.video.plexbmc,amberskin,nocat)</onload>
  <!--<onload condition="System.HasAddon(plugin.video.plexbmc) + Skin.HasSetting(plexbmc)">RunScript(plugin.video.plexbmc,channelShelf)</onload>-->
  <onload condition="!Skin.HasSetting(Hide.Favourites)">RunScript(script.favourites)</onload>
  <onload condition="!Skin.HasSetting(plexbmc)">SetProperty(SkinWidgets_RandomItems_Update,true)</onload>
  <controls>
    <include condition="Skin.HasSetting(Home_DefaultBG)">Default_Art</include>
    <control type="multiimage">
      <visible>![Player.HasVideo + Skin.HasSetting(Show_Player)] + !Skin.HasSetting(Home_DefaultBG)</visible>
      <include>Dimensions_Fullscreen</include>
      <timeperimage>12000</timeperimage>
      <fadetime>400</fadetime>
      <imagepath background="true">$INFO[Container(300).ListItem.Icon]</imagepath>
      <randomize>true</randomize>
      <aspectratio aligny="top">scale</aspectratio>
    </control>
    <control type="visualisation">
      <visible>Player.HasAudio + Skin.HasSetting(Show_Player)</visible>
      <posx>0</posx>
      <posy>0</posy>
      <width>1920</width>
      <height>1080</height>
    </control>
    <control type="videowindow">
      <visible>Player.HasVideo + Skin.HasSetting(Show_Player)</visible>
      <posx>0</posx>
      <posy>0</posy>
      <width>1920</width>
      <height>1080</height>
    </control>
    <control type="group" description="Content">
      <!--<include>OpenClose</include>-->
      <animation effect="fade" start="0" end="100" time="1000" condition="Window.Previous(Startup.xml)">Conditional</animation>
      <animation effect="fade" start="0" end="100" time="200" condition="!Window.Previous(Startup.xml)">Conditional</animation>
      <include condition="Skin.HasSetting(VerticalHome)">Vertical_Home_Layout</include>
      <include condition="!Skin.HasSetting(VerticalHome)">Horizontal_Home_Layout</include>
      <control type="group" description="RSS">
        <visible>system.getbool(lookandfeel.enablerssfeeds)</visible>
        <control type="image">
          <visible>!Skin.HasSetting(VerticalHome)</visible>
          <posx>0</posx>
          <posy>990</posy>
          <width>590</width>
          <height>90</height>
          <texture flipx="true" border="100,0,0,0">common/TimePanel.png</texture>
        </control>
        <control type="rss" description="RSS Feed">
          <posx>21</posx>
          <posy>1044</posy>
          <width>480</width>
          <height>90</height>
          <font>rss</font>
          <urlset>1</urlset>
          <shadowcolor>ShadowDark</shadowcolor>
          <titlecolor>White2</titlecolor>
          <headlinecolor>White2</headlinecolor>
          <textcolor>Grey</textcolor>
        </control>
      </control>
      <include>Time</include>
      <control type="group">
        <include condition="Skin.HasSetting(Show_Library_Count)">Library_Count</include>
      </control>
    </control>
    <control type="group">
    <animation effect="slide" start="0,0" end="531,0" time="250" delay="0" reversible="true" condition="Skin.HasSetting(VerticalHome) + Skin.HasSetting(plexbmc) + Control.HasFocus(311) + !IsEmpty(Container(311).ListItem.Property(Plot))">conditional</animation>
    <control type="label" description="Title">
        <posx>-500</posx>
        <posy>90</posy>
        <width>429</width>
        <height>120</height>
            <textcolor>Orange</textcolor>
            <font>InfoTitle</font>
            <align>center</align>
            
        <label>20037</label>
      </control>
    <control type="image">
        <description>Weather conditions</description>
        <posx>1440</posx>
        <posy>-4</posy>
        <width>48</width>
        <height>48</height>
        <texture>$INFO[Weather.Conditions]</texture>
        <colordiffuse>98FFFFFFF</colordiffuse>
        <visible effect="fade" time="250">Weather.IsFetched</visible>
    </control>

    <control type="label">
        <description>Weather Temperature</description>
        <posx>1365</posx>
        <posy>10</posy>
        <width>200</width>
        <height>20</height>
        <label>$INFO[Weather.Temperature]</label>
        <font>font13</font>
        <align>left</align>
        <visible effect="fade" time="250">Weather.IsFetched</visible>
    </control>

      <control type="textbox" description="Plot">
        <posx>-500</posx>
        <posy>216</posy>
        <width>429</width>
        <height>800</height>
        <align>justify</align>
        <label>$INFO[Container(311).ListItem.Property(Plot)]</label>
      </control>
      </control>
      <include condition="Skin.HasSetting(holiday)">Holiday</include>
  </controls>
</window>


Or open the file and almost at the bottom after <label>20037</label> and before <control type="textbox" description="Plot"> paste this

Code:
    </control>
    <control type="image">
        <description>Weather conditions</description>
        <posx>1440</posx>
        <posy>-4</posy>
        <width>48</width>
        <height>48</height>
        <texture>$INFO[Weather.Conditions]</texture>
        <colordiffuse>98FFFFFFF</colordiffuse>
        <visible effect="fade" time="250">Weather.IsFetched</visible>
    </control>

    <control type="label">
        <description>Weather Temperature</description>
        <posx>1365</posx>
        <posy>10</posy>
        <width>200</width>
        <height>20</height>
        <label>$INFO[Weather.Temperature]</label>
        <font>font13</font>
        <align>left</align>
        <visible effect="fade" time="250">Weather.IsFetched</visible>
    </control>

Have fun, and if someone has a way to make the time background/container a bit bigger so that we can input weather location as well, please say so.
After the change either restart XBMC/Kodi or reload the skin.
If it does not work just replace the edited file with the one you backedup.
Reply
#2
Great Idea.

But I have a question. Is it possible to put a yellow dot next to the weather condition, like it is next to the date and time. (The dots are yellow, sorry for the bad photo)


-> Photo

best wishes
Dom
Reply
#3
I guess you can do it by skinning. But it is not something I really miss and I do not think I am gonna bother. If you do manage to do it, please post how you managed it.
Reply
#4
I managed it to add a yellow dot but i doesn'l looked good.

It can be done in the includes.xml

PHP Code:
<label>[COLOR=Orange]  â€¢  [/COLOR]$VAR[Time][COLOR=Orange]  â€¢  [/COLOR]CPU$INFO[System.CPUTemperature]</label

Now I moved the weather condition an the temparature a little bit to lthe left an now it's perfect for me.

PHP Code:
<control type="image">
        <
description>Weather conditions</description>
        <
posx>1415</posx>
        <
posy>-4</posy>
        <
width>48</width>
        <
height>48</height>
        <
texture>$INFO[Weather.Conditions]</texture>
        <
colordiffuse>98FFFFFFF</colordiffuse>
        <
visible effect="fade" time="250">Weather.IsFetched</visible>
    </
control>

    <
control type="label">
        <
description>Weather Temperature</description>
        <
posx>1365</posx>
        <
posy>10</posy>
        <
width>200</width>
        <
height>20</height>
        <
label>$INFO[Weather.Temperature]</label>
        <
font>font13</font>
        <
align>left</align>
        <
visible effect="fade" time="250">Weather.IsFetched</visible>
    </
control

best wishes
Dom
Reply
#5
Actually Paul made a mod using the weather info as well. It looks quite good with bigger fonts:

watch gallery
Reply
#6
Can we have a link to the thread of this mod please?

Thanks for the info man by the way.
Reply
#7
Link please? Or is it a secret?
Reply
#8
Nope, not a secret Smile

It's on Paul Salem's repo,

https://github.com/paulsalem/skin.amber.salem

Cheers.
Reply
#9
Let me organize my files a little bit and i will update this with a nice looking dot Tongue and also if you have an raspberry cpu temperature next to the clock.

Also background/container gets a bit bigger so all info fits inside it.
Reply
#10
Since the developer of this skin has given us the abbility to see a very nice weather info and icon on the top left of our screen when you are on top of weather category, i though it would be better to have that on all home screens and not just on weather tab.

On the bright side we won't have to do a lot of changes.

So here we go.

Open home.xml located on 1080 folder.

Line 86

Change that from

Code:
<visible>!IsEmpty(Weather.Plugin) + !Skin.HasSetting(VerticalHome) + Container(300).HasFocus(15)</visible>

to

Code:
<visible>!IsEmpty(Weather.Plugin) + !Skin.HasSetting(VerticalHome)</visible>


that way you will tell the skin that you want to see it on every tab on home screen and not just when weather tab is focused.

Simple and quite more elegant i think.

If someone has a hard time to do it just tell me to upload the file somewhere.

Good luck.
Reply
#11
No need, its already in the new release (soon on github) Wink
Reply
#12
(2015-08-26, 17:26)Jester Wrote: No need, its already in the new release (soon on github) Wink

Best skin with amazing dev.

Thank you my friend
Reply
#13
Is there a working version for Kodi on Ubuntu?
Reply

Logout Mark Read Team Forum Stats Members Help
Weather on Home Screen, on all tabs1