+- Kodi Community Forum (https://forum.kodi.tv)
+-- Forum: Support (https://forum.kodi.tv/forumdisplay.php?fid=33)
+--- Forum: Skins Support (https://forum.kodi.tv/forumdisplay.php?fid=67)
+---- Forum: Arctic: Zephyr - Reloaded (https://forum.kodi.tv/forumdisplay.php?fid=221)
+---- Thread: Caption in Slide Show (/showthread.php?tid=326923)
Caption in Slide Show - TDxx - 2018-01-11
Hi,
I am using the Arctic Zephyr skin. Recently, I have added a label control in SlideShow.xml to display the Caption of a picture when viewing this picture. Unfortunately, the text is displayed is blurred, you can only guess what the displayed string means. After some searching and experimenting, I found out that adding the XML include "GlobalOverlay" to the control will allow the Caption to be displayed in a readable way. However, when doing so the picture will be displayed in a dimmed manner instead of at normal brightness.
What does GlobalOverlay do? Where is it located, what directory? Which statements would I need to include in SlideShow.xml to make the Caption text readable?
All help is greatly appreciated.
RE: Caption in Slide Show - TDxx - 2018-01-27
In the mean time, I have found the answers myself:
1) GlobalOverlay shows a semi-transparant full screen image on top of the currently displayed information. The result is that the screen is being "dimmed".
2) GlobalOverlay is not a file by itself, it is part of the Includes.xml file.
3) I have copied and modified the required statements from GlobalOverlay into the file SlideShow.xml. I have created an image control which displays a fully transparant image on the screen. On top of that image, a label control displays the Caption of the (jpg) picture. Here is the code that I have included in SlideShow.xml:
<defaultcontrol>2</defaultcontrol>
<controls>
<control type="image">
<!-- Overlay with transparant image for displaying Caption -->
<left>50</left>
<top>100r</top>
<width>1800</width>
<height>100</height>
<texture border="2">common/null.png</texture>
</control>
<control type="label">
<!-- Caption -->
<left>50</left>
<top>100r</top>
<width>1800</width>
<height>100</height>
<align>left</align>
<font>TinyBold</font>
<textcolor>yellow</textcolor>
<shadowcolor>Dark2</shadowcolor>
<info>Slideshow.Caption</info>
</control>
</controls>