Hello,
I use an Instagram RSS Feed (https://web.stagram.com/rss/tag/tree) for displaying picture with the hashtag i.e. “tree”. This RSS Feed is set as RSS Url in a Ticker. The template I am using is the “Image overlaid with title” but I customized it:
The Code is:
<div class="image" style="font-size:0pt">[Content]</div>
The Css Code is:
.image img { width:1080px;height:1080px;}
Font size = 0 because I do not want to display the text of the instagram posts.
My andoird player is set to portrait mode (Android Z64, Docker Xibo 1.8.1 ). But no Image is shown on the display. The preview und layout designer show the images!
Solution:
When I changed my Android player to landscape and rotate the image by 270 deg via css all is working fine.
The Code is:
<div class="image" style="font-size:0pt">[Content]</div>
The Css Code is:
.image img { width:1080px;height:1080px;
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
The export of the layout:
layout.json:
{"layout":"Instagram RSS","description":null,"regions":{"33":"Instagram RSS-1"}}
dataset.json:
[]
mapping.json:
[]
layout.xml:
Is there a possibility to show the images in portrait mode’ or any other solutions?
Thanks, Mark