Code snippets in tables

[JHine]

Hi,

Has anyone else tried using the new code snippets in tables?

I have an issue where long expressions in a code snippet destroy the column widths for my table.

If I have a long expression in a code snippet in normal text, I get a scrollbar in the code snippet, so the user can scroll to see the rest of the expression.

codeSnippet_withScrolling.png

If I have a long expression in a code snippet in a table, there is no scrollbar, and all other columns get squashed and the expression is cut off.

codeSnippet_noScrolling.png

Table properties are set to AutoFit to window and the column widths are percentages (i.e. in the above example, the column widths are 20% 40% 40%).

I have tried making changes in the main stylesheet and the table stylesheet, to no avail. If I add Overflow: scroll to the code snippet styles, I always get a scroll bar on all code snippets, and it doesn't do anything. If I add it to the table stylesheet, nothing changes. I also tried Overflow: auto, but that also did nothing.

Am I looking in the right place? Is it a stylesheet thing or something else? Or is it a bug?

FYI, My project is a top nav HTML5 output.

Would appreciate any thoughts or advice.

[ChoccieMuffin]

Does sound a bit like a bug, but tables can be really tricky things.

My first suggestion is to raise a bug - Tech Support will soon tell you if it's not actually a bug, and you will (hopefully) receive a solution to the problem. If it IS a bug, then if they have a workaround they'll tell you.

[JHine]

OK - thanks ChoccieMuffin.

Bug raised ... #S019841.

[trent the thief]

I'm responding to an old post. I was just looking up how to accomplish that.

Add this override to your CSS and it'll restrict the width to that of the table cell.

Code: Select all

MadCap|codeSnippetBody.table
{
	width: 100%;
	overflow: scroll;
}