Let datacard span multiple rows on a form

(0) Share

Report

Posted on by sd35Thomas

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

Categories:

Building Power Apps

All responses (3)

Answers (0)

Sort by

v-monli-msft Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!
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:

Regards,

Mona
sd35Thomas 4 on at

Like
a
(0)

Report
Copy link

Link copied!
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:

Regards,
Mona
teylyn1 362 on at

Like
a
(1)

Report
Copy link

Link copied!

Hello @sd35Thomas .

Do you need something like this:

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.