You are viewing limited content. For full access, please sign in.

Question

Question

Forms 12 table field labels display on mobile devices

Forms Forms Layout Designer
Updated 20 hours ago
asked one day ago

Has anyone run into this issue before? Forms 12 New Designer. I have two tables in my form. On mobile devices when viewed in normal portrait mode the field labels are completely hidden. We have to turn our phone screens to landscape to view the field labels. I have tried multiple label alignments, same result. All other fields display okay, the issue just seems to be with tables. There is no CSS affecting the table.

Portrait:

 

Landscape: 

0 0

Replies

replied one day ago

Hello Christine,

I saw this issue last week.  You may wish to ask your VAR to open a support case.

Laserfiche suggested this to me:
 use the css script as a workaround it. You can add this script to your form.

@media screen and (max-width: 600px) {
fl-table fl-field-label label {
display: block !important;
color: #000000;
font-family: Open Sans;
font-size: 14px;
font-weight: 600;
font-style: normal;
}

.fl-table.fl-component td.pdc fl-field-label {
display: flex;
}
}

Hope this helps you out!

1 0
replied one day ago

I'll give this a try, thanks!

0 0
replied one day ago

This is a known bug (#580794). Please use the workaround for now, sorry for the inconvenience.

0 0
replied 20 hours ago

The workaround CSS works for single line fields inside a table, but I also have a dropdown field inside the table and the label is still hidden. Can anyone help with adjusting the CSS for that?

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Related Posts
Loading ...