Vertical centered Dataset feed

The Archives Help Topics
1

Hi there, community:

I’m developing a system that needs to show several lines obtained through a DataSet whike centering them vertically.
The problem is that the number of lines is variable, and it depends of the number of rows in the dataset, so i can not use absolute positioning.

I had the same problem in an old version of Xibo CMS , but i managed to solve it this way:

    <div class="parent">
<p class="child"><span style="font-size:20px;"><span style="color: rgb(255, 255, 224);"><strong>SALA&nbsp;</strong></span><strong style="font-size: 20px;"><span style="color: rgb(255, 255, 224);">[SALA|5]&nbsp;&nbsp;:</span><span style="color: rgb(255, 255, 255);">&nbsp; &nbsp;[NOMBRE|1]</span></strong></span></p>

<p class="child">&nbsp;</p>

<p class="child">&nbsp;</p>
</div>

Using this CSS stylesheet:

body{display:table;margin:10px;padding:10px;}
div{line-height:3%;display:table-row;vertical-align:middle;width:100%;}

I tried to copy-paste this into my new Xibo deployement(version 1.7) and it does not work.

I hope that someone is able to help me with this, or help me understand why the same code does not work in 1.7 version.

Thank you in advance:

David

2

1.7 scales slightly differently so that what you see in the designer is exactly what you see in the player. Under most circumstances it shouldn’t matter, but vertical alignment is one of those instances where it does.

I’m not completely clear what you are trying to achieve - do you mean that for each row in the dataset you want them vertically aligned and then have some effect to cycle between them?

3

Hello Dan:

The display should show the names of people occupying 9 rooms, so when only one room is being used, the dataset will only contain one name, and it will center it to the middle of the screen. if two rooms are being used, two names would be shown and the display should distribute them uniformly. This is a screenshot of the result i’m trying to achieve, taken from the old server in xibo 1.6(Names are covered because of privacity reasons)
Display image

Thank you for your kind help.

4

You should be able to do that with a DataSet View module rather than a Ticker - you essentially want to display tabluar data and have the table full height.

There is a known bug where the table is not full height when an effect is selected, however I don’t think you are using effects so you should be OK. See here for reference.