Best way to display menu with multiple columns from dataset

Hi everyone,

after fixing my display text issue in the other thread, i am now restarting to process my restaurant menu display.
I am facing an issue that i want to display the menu over 3 columns for each screen, and i am not sure how to achieve that from datasets that should run over different columns because of their lenght, should i set one region and deal with the columns inside, or create 3 regions and somehow link the end of the display to the next region ? Here is what i achieved so far and a screenshot of what i am trying to achieve


CMS Version

Docker installation, 3.0.5.

Player Type

in future linux on Raspberry Pi

Player Version

none yet

Uploading: Capture d’écran du 2021-12-31 12-35-52.png…

Stylesheet of the first container :

table.DataSetTable {
color:#464545; width: 100%; font-size: 14px; table-layout: fixed; border-collapse: collapse; font-family:“tindogit”, monospace;
}
table th{
color:#96c223;
font-size:54px;
}
table th:nth-child(1) {

text-align: left;
}
table th:nth-child(2) {
display:none;
}
table tr td:nth-child(1) {
font-size:30px;
white-space: nowrap;
}
table tr td:nth-child(2) {
font-size:30px;
text-align: right;
}
tr.HeaderRow {}
tr#row_1 {}
td#column_1 {}
td.DataSetColumn {}
td.DataSetColumn img {
height: 80px;
}
tr.DataSetRow {}
tr.DataSetRowOdd {}
tr.DataSetRowEven {}
th.DataSetColumnHeaderCell {}
span#1_1 {}
span.DataSetColumnSpan {}

My current datasets



This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.