cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
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
Highlighted
Community Support
Community Support

Re: Let datacard span multiple rows on a form

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.
Highlighted
Frequent Visitor

Re: Let datacard span multiple rows on a form

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


 

Highlighted
Helper III
Helper III

Re: Let datacard span multiple rows on a form

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
August 2020 Community Challenge: Can You Solve These?

August 2020 Community Challenge: Can You Solve These?

We're excited to announce our first cross-community 'Can You Solve These?' challenge!

secondImage

Return to Workplace

Reopen responsibly, monitor intelligently, and protect continuously with solutions for a safer work environment.

secondImage

Super Users Coming in August

We are excited for the next Super User season.

secondImage

Community User Group Member Badges

FIll out a quick form to claim your community user group member badge today!

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Top Solution Authors
Top Kudoed Authors
Users online (6,030)