Table field "Truncate Text"

I have successfully used the code below (from Robert Hill) for limiting a field height in a table (adds a scroll bar in the field).

#view_181 td.field_9.cell-edit > * {
overflow: auto;
overflow-wrap: break-word;
width: inherit;
max-height: 100px;

I have a requirement to achieve the same result, but with a Text Formula field . The code doesn’t seem to work for this.
Does anyone know how I would alter the code to make it work for a text formula field? I have tried using the “Inspect” feature to work it out, but its beyond my level of expertise …

Hello Craig,

Just use #view_181 td.field_9 instead of #view_181 td.field_9.cell-edit

Regards,
Sunny Singla
ssingla1985@gmail.com

and change field id

Thanks Sunny,

Yes I tried that initially after inspecting the element, but it does not seem to work.

view_181 td.field_826 > * {

overflow: auto;

overflow-wrap:

break-word;

width: inherit;

max-height: 100px;

}

I also see there is not the option to “Shorten text after a set character limit” in Knack with a text formula field, so can’t use that option.

Hello Craig,

Send me the page link. Look like you forgot to add # in front of CSS.

If it’s in a table and same css work for other cells then this also needs to work for formula field.

Regards,
Sunny Singla

Hi Sunny,

I have sent you a PM through Knack.

Cheers

Craig

replay there.

You need to set width directly in knack builder first then change width in css i provided.

Or try to fix width and height in builder directly