Question

Enhancement Request: Ability to Align Fields

Forms Layout Designer Version 11 Forms Ideas

Updated November 12

asked on October 8

We would love the ability to align fields in relation to each other.

For reference, in many applications, you can select two or more fields and select how they should align. I'm including a screenshot of how this option looks in PowerPoint.

If that can't be done, a lesser request would be an option to display gridlines on-screen.

Especially now that we can move fields around on-screen in the Modern Designer instead of relying exclusively on CSS, it can be difficult tell if the fields are the exact same width. Maybe not everyone is as particular as we tend to be, but we've actually held rulers up to our screens to ensure the fields line up precisely.

Thank you for your consideration!

align_options.JPG (13.29 KB)

| Download

4 0

Replies

replied on October 9

I remember a conversation with some folks at Laserfiche about this. Not quite how you are requesting it though. The ideas being thrown around at the time were to be able to get an idea of the width of each field and possibly in comparison to the other fields in the same row by showing a percentage or pixel width. Either way, I know they have been discussing and are aware of the need. I look forward to seeing what they have come up with.

3 0

replied on October 9 • Show version history

I have a proposal for this with the hope of making side by side fields easier to configure exact numbers anywhere (including tables/collections). I'm not sure providing a grid would be super helpful as it may just add more clutter to the form and/or settings. When I'm doing CSS I use chrome devtools and the following code in a bookmark that makes it really easy to check relative widths of various elements on the page.

Normal:

X-Ray:

javascript: ( function () { var style = "<style>*{background:#000!important;color:#0f0!important;outline:solid%20#f00%201px!important;}%3C/style%3E%22;%20var%20elements%20=%20document.body.getElementsByTagName(%22*%22);%20var%20items%20=%20[];%20for%20(var%20i%20=%200;%20i%20%3C%20elements.length;%20i++)%20{%20if%20(elements[i].innerHTML.indexOf(%22background:#000!important;color:#0f0!important;outline:solid%20#f00%201px!important;%22)%20!=%20-1)%20{%20items.push(elements[i]);%20}%20}%20if%20(items.length%20%3E%200)%20{%20for%20(var%20i%20=%200;%20i%20%3C%20items.length;%20i++)%20{%20document.body.removeChild(items[i]);%20}%20}%20else%20{%20document.body.innerHTML%20+=%20style;%20}%20}%20)();

1 0

replied on November 11

Slightly side track, but if you ever need a ruler, give this Microsoft utility a try.

2 0

replied on November 12

This is incredibly helpful; thank you, Miruna!

0 0

You are not allowed to follow up in this post.

Question

Question

Enhancement Request: Ability to Align Fields

Replies

Sign in to reply to this post.