cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
aharsh
Helper II
Helper II

Form won't let me stretch form fields

Hi All,

 

I'm working on an easy app and I'm running into a frustrating issue I can't wrap my head around.  All I'm trying to do is customize the width of my form fields by dragging the container, like I've done on multiple apps in the past.  This form is pulling data from a SharePoint list.

 

My form is set to 12 columns (still didn't work no matter how many columns I selected)

I tried both Snap to Columns toggled on and off

 

When I try to resize the container (using any of the "grab" points on the container) it flattens the container to a couple pixels wide.  No matter what direction I try to resize it.  I can move the containers but can't resize them.  I'm including a photo of a container selected, then what it looks like when I try to resize it.

 

Thoughts??

 

original.pngdragged.png

 
 

 

1 ACCEPTED SOLUTION

Accepted Solutions
WarrenBelz
Super User III
Super User III

Hi @aharsh ,

Forget about dragging - use the Width property of the DataCard, either in the top drop-down or the properties panel on the right.

As a small suggestion, start with the left card and keep pushing the ones to the right along as you go. I also suggest you leave Snap to Columns on.

 

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

View solution in original post

4 REPLIES 4
WarrenBelz
Super User III
Super User III

Hi @aharsh ,

Forget about dragging - use the Width property of the DataCard, either in the top drop-down or the properties panel on the right.

As a small suggestion, start with the left card and keep pushing the ones to the right along as you go. I also suggest you leave Snap to Columns on.

 

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

View solution in original post

Thank you, @WarrenBelz !

 

That worked and once I got the hang of it was even easier than dragging.  A little odd how some forms behave differently than others, but I will start using this as my best practice.

 

Tip to others stumbling on this thread:  Sketch it on paper first (if it's complex) then put your cards where you want them before resizing.  Look at the overall width of your form, then do a little math to help you determine how many pixels you have for the layout you're trying to do. Then, as @WarrenBelz  recommends, start with top left.

Thanks @aharsh ,

I will give you another tip I do on larger forms. Unless the line contains only one card (full-width), I put a full-width empty custom card 1 pixel high between each row. That way, only one row can re-shuffle on you, rather than the whole form.

Ah, Fantastic! Thank you @WarrenBelz . I think that's a really useful best practice!

Helpful resources

Announcements
PA User Group

Welcome to the User Group Public Preview

Check out new user group experience and if you are a leader please create your group

Power Apps Community Call

Monthly Power Apps Community Call

Did you miss the call?? Check out the Power Apps Community Call here!

secondImage

Experience what’s next for Power Apps

See the latest Power Apps innovations, updates, and demos from the Microsoft Business Applications Launch Event.

Power Platform ISV STudio

Power Platform ISV Studio

ISV Studio is the go-to Power Platform destination for ISV’s to monitor & manage applications post-AppSource publish.

Top Solution Authors
Top Kudoed Authors
Users online (51,567)