Enable form box width as a property

Possibly implemented within the Anvil GUI, using the ‘rightclick’ option discussed in another feature request. When text boxes are created, the associated label box takes up at least 1/2 the width of the form. When the text box is is dropped too close the label, it drops down below the label, so both label and text box are full width of the form. Useful, for verbose labels, but more space is typically need in the text box itself, rather than the label. Labels are usually just a few characters. Maybe offer fractions of form width ( 1/4, 1/3, etc.), in a ‘contextmenu’, instead of defaulting to 1/2, or full width. It would be ideal to provide sliding box sizers, but that may not be possible in HTML forms, so this is a ‘workaround’ suggestion.

I’m probably missing something in the post but I think much of what’s described is already possible.

There are spacers, and different containers that support width properties e.g. the flow panel. There are also sliders in the designer to support changing the width.

Here’s a quick gif. All the components are placed inside a card/ColumnPanel.
LJZfo8hlFb

1 Like

Thanks stucork!

Still working through the first tutorial, the first step of which is to add a ‘card’.

From that point on, the form doesn’t match the tutorial, because there
are no instructions to do anything with the ‘card’.

I tried what your gif appears to be doing, but no luck, which is why
I posted the feature request.
Maybe to do with the mysterious ‘card’, which isn’t mentioned again
(so far), and ‘panel’, which hasn’t been mentioned yet in the tutorial.

May have found something. Text for the first step says, “Drop a Card, and a Label into the page.” However, the animation looks like the ‘Label’ should be dropped into the ‘Card’. Will try that.

Deleted everything except the ‘card’, started adding items, as before. Still no way to adjust width of items, but the text_area item does allow height adjustment.

Oddly, when I select the ‘card’, the Properties shows a ‘content_panel’, named ‘self.content_panel’, and under that ‘ColumnPanel’. Are these two (three?) names for the same thing?

Must be, because when the cursor hovers over ‘Card’ the ‘tip’ shows “ColumnPanel with ‘card’ role”.

I did find the ‘slider’, which is an ephemeral pale gray vertical bar, that only appears when the cursor is over a very minute space, between
the label and box.

I am pretty sure those don’t ever show up, elusive as they are, in a form
page without a ‘card’ / ‘ContentPanel’ / ‘column_panel’.

So strike this feature request, but please supplement the tutorial with clear, complete instructions.

1 Like

I am struggling with this same problem its very much not clear how to do this from the tutorial, think it needs to be updated to be more clear. If anyone has more information that would be much appreciated