Question

CSS Question

Forms

Updated April 24

asked on April 23

I'm making forms for the first time and I'm having trouble with a table that I'm building. In Excel it's fine because I can expand columns as needed but when attempting to put it in a form, the columns get squished. The first thing that I want to do is make it so that for the dropdowns, the options expand wider so that the full option can be seen.

Here's the settings for the field in the above screenshot.

Could someone help give me some direction on either a better way to build the form or an idea of how to write CSS to effect what shows up on the dropdown, that'd be helpful.

0 0

Answer

SELECTED ANSWER

replied on April 24

Manually moving the fields to different widths didn't work because three of those columns had long options and issues with cutting off the entered data. So I switched to a collection. This has caused a separate issue that I'm still trying to parse through, but at least you can see the data clearer now

0 0

Replies

replied on April 23

Hello Jack,

To start playing around with it you can write a simple CSS class and then assign it to the column you'd like to make wider. Here's a really, really basic example of one:

.wider
{
	width: 20%;
}

Applying the class 'wider' to the field like so:

Would then have this sort of effect:

I'd recommend just starting out with something like that and adjusting with what works for you. Inversely you could create a class for the other columns to specify their width. Using 100% as the basis for across the table itself, you can start adjusting based on what works. Another class like this could be added to your other columns:

.thinner
{
	width: 10%;
}

Also depending on your version you may be able to just drag and slide across the width inbetween the cells. CSS is the funner and more in-depth way, imo

1 0

replied on April 23 • Show version history

Another way is; if you're using LF Modern Design, the easy way to do it without CSS is click in the lines between the fields and move left/right until you have the expected size.

Result:

1 0

replied on April 23 • Show version history

Lol yeah ignore what I said, just use this when it's a table. CSS would be if it's not a table

I only realised you could adjust column width by dragging while writing my response

0 0

replied on April 23

It happens to me very often. Lol

0 0

SELECTED ANSWER

replied on April 24

0 0

You are not allowed to follow up in this post.

Question

Question

CSS Question

Answer

Replies

Sign in to reply to this post.