Page 1 of 1

Table in layout grid

Posted: Tue May 05, 2026 7:35 pm
by janez72
When I put a table in layout grid, text in cells is not visible.
I have to put it outside grid, to be able to edit it.

I don't think it was an issue in previous WB versions.
Can't remember it.
I just installed the latest from 21 series.

Re: Table in layout grid

Posted: Tue May 05, 2026 7:48 pm
by Pablo
Did you set a font size?

A layout grid itself resets the font size to zero, so you will to make sure the content has a valid font size

Re: Table in layout grid

Posted: Tue May 05, 2026 8:10 pm
by janez72
I tride to change font, size ... everything. No change.
But when I make a new similar table and put it inside grid, it works perfect.

Below is a html of the non-proper-working table.
Although, it's ok on a preview. Text normaly visible.
Just not inside layout grid in editor.

--------------------------------------------------------------------------------------------------------------------------------------------------------

<table style="display:table;width:100%;height:303px;" id="Table5">
<tr>
<td class="cell0"><span style="color:#000000;font-family:Verdana;font-size:15px;"><strong>Titel</strong></span></td>
<td class="cell0"><span style="color:#000000;font-family:Verdana;font-size:15px;"><strong>Interpret/Author</strong></span></td>
</tr>
<tr>
<td class="cell1"></td>
<td class="cell1"></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;font-size:15px;"><a href="https://www.youtube.com/watch?v=rrVDATvUitA" target="_blank" title="Air-Trauungsmusik">Air</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">J. S. Bach</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;font-size:15px;"><a href="https://www.youtube.com/watch?v=gfsgXJQ0ebU" target="_blank" title="Ballade pour Adeline">Ballade pour Adeline</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">Richard Clayderman</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;font-size:15px;"><a href="https://www.youtube.com/watch?v=hOA-2hl1Vbc" target="_blank" title="Hochzeit-musik-canon">Canon in D</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">J. Pachelbel</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;font-size:15px;"><a href="https://www.youtube.com/watch?v=FcOt6mfjxeA" target="_blank" title="Forrest Gump Theme">Forrest Gump Theme</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">A. Silvestri</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;font-size:15px;"><a href="https://www.youtube.com/watch?v=a4sNsGePgs8" target="_blank" title="Hier kommt die Braut">Hier kommt die Braut</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">Richard Wagner</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;font-size:15px;"><a href="https://www.youtube.com/watch?v=PXMVkQ70I88" target="_blank" title="Prelude in C - Hochzeitsmusik">Prelude in C</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">J. S. Bach</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;font-size:15px;"><a href="https://www.youtube.com/watch?v=kG9KSWYg-Jc" target="_blank" title="Trauungsmusik - River flows in you">River flows in you</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">Yiruma</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;font-size:15px;"><a href="https://www.youtube.com/watch?v=6FxOKTDGuto" target="_blank" title="Tennessee Piano - Einzug - Trauung">Tennessee Piano</a></span></td>
<td class="cell2"><span style="color:#000000;font-family:Verdana;font-size:15px;">Hans Zimmer</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;font-size:15px;"><a href="https://www.youtube.com/watch?v=Fk6Qx9DKEX8" target="_blank" title="Trauungsmarsch">Trauungsmarsch</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">Felix Mendelssohn</span></td>
</tr>
</table>

Re: Table in layout grid

Posted: Wed May 06, 2026 5:53 am
by Pablo
You will need to set the font-size for the entire table, not the specific cells.

Code: Select all

<table style="display:table;width:100%;height:303px;font-size:15px" id="Table5">
<tr>
<td class="cell0"><span style="color:#000000;font-family:Verdana;"><strong>Titel</strong></span></td>
<td class="cell0"><span style="color:#000000;font-family:Verdana;"><strong>Interpret/Author</strong></span></td>
</tr>
<tr>
<td class="cell1"></td>
<td class="cell1"></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;"><a href="https://www.youtube.com/watch?v=rrVDATvUitA" target="_blank" title="Air-Trauungsmusik">Air</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">J. S. Bach</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;"><a href="https://www.youtube.com/watch?v=gfsgXJQ0ebU" target="_blank" title="Ballade pour Adeline">Ballade pour Adeline</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">Richard Clayderman</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;"><a href="https://www.youtube.com/watch?v=hOA-2hl1Vbc" target="_blank" title="Hochzeit-musik-canon">Canon in D</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">J. Pachelbel</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;"><a href="https://www.youtube.com/watch?v=FcOt6mfjxeA" target="_blank" title="Forrest Gump Theme">Forrest Gump Theme</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">A. Silvestri</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;font-size:15px;"><a href="https://www.youtube.com/watch?v=a4sNsGePgs8" target="_blank" title="Hier kommt die Braut">Hier kommt die Braut</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">Richard Wagner</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;font-size:15px;"><a href="https://www.youtube.com/watch?v=PXMVkQ70I88" target="_blank" title="Prelude in C - Hochzeitsmusik">Prelude in C</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">J. S. Bach</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;"><a href="https://www.youtube.com/watch?v=kG9KSWYg-Jc" target="_blank" title="Trauungsmusik - River flows in you">River flows in you</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">Yiruma</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;"><a href="https://www.youtube.com/watch?v=6FxOKTDGuto" target="_blank" title="Tennessee Piano - Einzug - Trauung">Tennessee Piano</a></span></td>
<td class="cell2"><span style="color:#000000;font-family:Verdana;">Hans Zimmer</span></td>
</tr>
<tr>
<td class="cell2"><span style="color:#000000;font-family:Verdana;"><a href="https://www.youtube.com/watch?v=Fk6Qx9DKEX8" target="_blank" title="Trauungsmarsch">Trauungsmarsch</a></span></td>
<td class="cell2"><span class="CustomStyle_ALI">Felix Mendelssohn</span></td>
</tr>
</table>

Re: Table in layout grid

Posted: Thu May 07, 2026 4:52 pm
by janez72
I did put the first line in html. Style-dispay with font defined in it.
As I see no option in properties to add font-size. I tried to add style in properties.
But ni matter what I added, it's not working.

But, interesting, when I create a new table, even without Table-dipslay defined font-size, it's working perfectly.
This is a sample, that I created.
I filled only 2 cells, everything works.

--------------------------------------------------------------------------------------------
<table style="position:absolute;width:1270px;height:82px;" id="Table9">
<tr>
<td class="cell0"><p><span class="CustomStyle_ALI_B"> Titel</span></p>
<p style="font-family:Arial;font-size:13px;line-height:16px;">&nbsp;</p></td>
<td class="cell0"><p style="font-family:Arial;font-size:13px;line-height:16px;"><span style="font-family:Verdana;font-size:15px;line-height:17.5px;">&nbsp;</span></p></td>
<td class="cell0"><p style="font-family:Arial;font-size:13px;line-height:16px;"><span style="font-family:Verdana;font-size:15px;line-height:17.5px;">&nbsp;</span></p></td>
</tr>
<tr>
<td class="cell0"><p style="font-family:Arial;font-size:13px;line-height:16px;"><span style="font-family:Verdana;font-size:15px;line-height:17.5px;">&nbsp;</span><span style="font-family:Verdana;font-size:15px;line-height:17.5px;">Air</span></p></td>
<td class="cell0"><p style="font-family:Arial;font-size:13px;line-height:16px;"><span style="font-family:Verdana;font-size:15px;line-height:17.5px;">&nbsp;</span></p></td>
<td class="cell0"><p style="font-family:Arial;font-size:13px;line-height:16px;"><span style="font-family:Verdana;font-size:15px;line-height:17.5px;">&nbsp;</span></p></td>
</tr>
<tr>
<td class="cell0"><p style="font-family:Arial;font-size:13px;line-height:16px;"><span style="font-family:Verdana;font-size:15px;line-height:17.5px;">&nbsp;</span></p></td>
<td class="cell0"><p style="font-family:Arial;font-size:13px;line-height:16px;"><span style="font-family:Verdana;font-size:15px;line-height:17.5px;">&nbsp;</span></p></td>
<td class="cell0"><p style="font-family:Arial;font-size:13px;line-height:16px;"><span style="font-family:Verdana;font-size:15px;line-height:17.5px;">&nbsp;</span></p></td>
</tr>
</table>

--------------------------------------------------------------------------------------------

I could have copies text cell by cell to a new table.
But there are links added. These will be lost at copying. Or is there a way to copy text with links?

Re: Table in layout grid

Posted: Thu May 07, 2026 5:48 pm
by Pablo
The updated code I gave you works for me.
Please try to understand why it did not work. This has nothing to do with WWB. The software will insert your code "AS IS"

A layout grid is a container that resets the font size to zero, otherwise the structure will affect the layout.
That is why you will need to give each item that you place in the grid a valid font-size.
WWB already does this for all built-in objects, but if you add custom code then you will need to do this yourself.

For a table you can set the font-size for the <table> tag, this table cells will get that font.

Note that I cannot teach you how HTML work or fix your code. If you want to add custom code, then it is assumed that you know what you are doing.