cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
sd35Thomas
Frequent Visitor

Let datacard span multiple rows on a form

Hi everyone

I want to create a display form with student information. Let's say a set of standard name, grade, address, etc.

On the right top of the form I want to post the student's image but it would take about three rows of height and I don't want to waste that space on the left. I am able to adjust columns (snap to using 12 cols) for wider/narrower fields but It appears that all cards must be in rows.  Is there any equivalent of Rowspan or something like that? (or could I just create a free-form form?)

I know I could populate a series of labels with individual lookups but that seems like a bad idea.

Thanks

3 REPLIES 3
v-monli-msft
Community Support
Community Support

Hi @sd35Thomas ,

 

Are you using the auto-generated app created using the SharePoint list as connection? If so, then you could insert an standalone Image control outside the Form control, and set its Image property to:

First(Filter(List,ID=BrowseGallery1.Selected.ID)).Pic

Pic is the picture column's column name.

 

See in below screenshot, the image control is outside of the Form control and it won't waste the blank space in this screen:

Capture.JPG

 

Regards,

Mona

Community Support Team _ Mona Li
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Thank you for your reply.  I did try this method, however, since my form scrolls, and items/pictures outside the form are fixed on the screen (don't scroll with the screen) it poses a display problem when the form is scrolled.

To answer your first question, I started with a screen, added the form which, when a datasource is selected, auto populates the form with all the fields in the SP list.


@v-monli-msft wrote:

Hi @sd35Thomas ,

 

Are you using the auto-generated app created using the SharePoint list as connection? If so, then you could insert an standalone Image control outside the Form control, and set its Image property to:

First(Filter(List,ID=BrowseGallery1.Selected.ID)).Pic

Pic is the picture column's column name.

 

See in below screenshot, the image control is outside of the Form control and it won't waste the blank space in this screen:

Capture.JPG

 

Regards,

Mona


 

Hello @sd35Thomas .

 

Do you need something like this:

 

span02.png

 

I have written up this blog to show how it can be done. The blog is about SharePoint list forms, but the principle applies to any form with data cards.

Helpful resources

Announcements
UG GA Amplification 768x460.png

Launching new user group features

Learn how to create your own user groups today!

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

M365 768x460.jpg

Microsoft 365 Collaboration Conference | December 7–9, 2021

Join us, in-person, December 7–9 in Las Vegas, for the largest gathering of the Microsoft community in the world.

Top Solution Authors
Top Kudoed Authors
Users online (2,643)