Kodi Community Forum

On Kodi 17.1 Estuary how do you get the date to show up in the right hand corner, like you were able to in Jarvis 16.1?

On the same note, i'd like to add my external IP address as well in there. Is it possible? I don't mind changing some files myself if you could kindly point me in the right direction. Thanks

The files you'll want to edit is at: %programfiles(x86)%\kodi\addons\skin.estuary\xml
Linux/Mac: http://kodi.wiki/view/Systemdata

The files to edit are Home.xml or/and Includes.xml

Includes.xml contain code that you can include in other pages.
http://kodi.wiki/view/Skinning_Manual#Includes

In this case the time is formated in Includes.xml and included in Home.xml (and many other pages) using:

Quote:<include content="TopBar">
<param name="breadcrumbs_label" value="" />
</include>

The actual code for time formatting in Includes.xml is:

Quote:<control type="label">
<font>font_clock</font>
<shadowcolor>text_shadow</shadowcolor>
<height>200</height>
<width>auto</width>
<animation effect="fade" start="100" end="0" time="300" condition="Window.Next(screencalibration)">WindowClose</animation>
<label>$INFO[System.Time]</label>
</control>

More info about adding text in skins: http://kodi.wiki/view/Skinning_Manual#Label_Control

You use InfoLabels ($INFO) to insert various built-in stuff.
http://kodi.wiki/view/InfoLabels

To insert date you use either System.Date or System.Date(format).
http://kodi.wiki/view/InfoLabels#System

As TopBar include is used on many pages it wouldn't be that good to edit it. Date will then appear on all pages and it might not fit with the time. Though you could make time a smaller font.

One idea would be to remove (better to comment out with <!--CODE-->) the Kodi logo and text and put the date code there. The logo is in Home.xml and the following code:

Quote:<control type="group">
<depth>DepthBars</depth>
<animation effect="slide" end="0,-90" time="300" tween="sine" easing="inout" condition="$EXP[infodialog_active]">conditional</animation>
<animation effect="fade" start="0" end="100" time="300">WindowOpen</animation>
<animation effect="fade" start="100" end="0" time="200">WindowClose</animation>
<top>30</top>
<left>90</left>
<control type="image">
<aspectratio>keep</aspectratio>
<width>56</width>
<height>56</height>
<texture colordiffuse="button_focus">icons/logo.png</texture>
</control>
<control type="image">
<left>40</left>
<top>10</top>
<aspectratio>keep</aspectratio>
<width>192</width>
<height>36</height>
<texture>icons/logo-text.png</texture>
</control>
</control>

Or you could just remove the control section for the text part part of the logo, logo-text.png. Then move it around and fit the date.

Code for adding date in place of the logo+text in the top left corner on the Home page:

Quote:<control type="label">
<font>font30</font>
<shadowcolor>text_shadow</shadowcolor>
<left>10</left>
<top>10</top>
<label>$INFO[System.Date]</label>
</control>

For the second post, you use the InfoLabel Network.IPAddress
http://kodi.wiki/view/InfoLabels#Network_labels