Question

Align row labels in a table - Laserfiche Forms 12

Forms How To Version 11

Updated March 10

asked on March 9

Hi,

We recently upgraded to Laserfiche Forms 12 (on-prem).

I'm still familiarizing myself with the new modern forms designer.

I can't get basic CSS to work.

I'm trying to align the labels row labels (Relevant, met training requirements etc) to the left.

I've tried various CSS code but it doesn't work.

Is it possible to align the row labels to the left?

Even something as simple as hiding a field label (#q4 .cf-label {display: none;}) doesn't work.

Is there an option to change back to the classic designer for new forms?

Thanks,

Steve

0 0

Answer

SELECTED ANSWER

replied on March 9

I don't have access to 12 but in the modern designer in 11 this works to align table row labels:

.table-row-labels
{
	text-align: left !important;
}

I'm not the biggest fan of '!important' tags but it gets the job done. If it's not working in 12 and you have dev tools enabled in your browser, you can press 'ctrl+shift+c' to open the selector tool and then click the row label to see what the class is called. It'll look something like this:

0 0

replied on March 10

Hi Andrew,

Thank you for this, this code worked for me.

Thanks,

Steven

1 0

Replies

replied on March 9 • Show version history

Try this:

.cf-field input{ 
    text-align: left; 
}

add a css class if you only want it on specific fields.

0 0

You are not allowed to follow up in this post.

Question

Question

Align row labels in a table - Laserfiche Forms 12

Answer

Replies

Sign in to reply to this post.