cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
rcarneiroIE
Helper I
Helper I

Powerapss Forms custom cards

Hi Folks,

 

I am currently building more than 70 forms for my company, it is a very specific work about Pumps maintenance on the Factory's shop floor, and I need to "transform" all existing papers form in "Digital Forms".

I am using Powerapps forms and in some cases, I need to insert static images beside form fields, but I think the system does not allow us to make this type of "grid" customization in forms. Could anyone help me find a solution?

Image 1: Current paper form layout
Image 2: The layout I am trying to reach using custom cards.

There is an easy way to do this when I don't have to insert an image, just need to create the same amount of cards on the left (image area), but in this case, I can't fit the image in that space.


Thanks in advance for all your suggestions.

Ricardo Carneiro



1 ACCEPTED SOLUTION

Accepted Solutions
rubin_boer
Super User
Super User

Hi @rcarneiroIE 

 

Seems like you have a lot of work cut out.

 

Here is an idea i played with some time ago, maybe it can help you too.

Create Excel Tables that will be used to build your forms:

rubin_boer_1-1612791603310.png

Import the excel table as static data

rubin_boer_2-1612791723939.png

Add a gallery control which you can also drive from the static data to get the total columns and rows and build a collection based on them. in this case the columns are 6 as well as the rows.

ClearCollect(_MainFormStruct,Sequence(txtCols * txtRows))

Set the WrapCount of the gallery to your column count

rubin_boer_3-1612791886787.png

Add a label to the gallery and set its border width to 1

rubin_boer_4-1612792025011.png

set the witdh and height of the label as you need it

fill the first two rows and first column with gray

If(ThisItem.Value <= txtCols.Text * 2 || Mod(ThisItem.Value,txtCols.Text) = 1, LightGray, White)

rubin_boer_5-1612792112209.png

lets hide those number, set the font to transparent

rubin_boer_6-1612792154211.png

Add anohter label and center the text, set the text to

LookUp(FormMeta, Cell = ThisItem.Value, Value)

rubin_boer_7-1612792212189.png

There you almost there

how you store an call your image i will leave to you.

lastly add a text with its visible = If(ThisItem.Value <= txtCols.Text * 2 || Mod(ThisItem.Value,txtCols.Text) = 1, false, true)

and here is your form in run mode

rubin_boer_8-1612792773273.png

 

It takes some time to setup but once doen all the forms are easy to build.

 

Hope you can use this or help you on path

 

 

 

View solution in original post

2 REPLIES 2
rubin_boer
Super User
Super User

Hi @rcarneiroIE 

 

Seems like you have a lot of work cut out.

 

Here is an idea i played with some time ago, maybe it can help you too.

Create Excel Tables that will be used to build your forms:

rubin_boer_1-1612791603310.png

Import the excel table as static data

rubin_boer_2-1612791723939.png

Add a gallery control which you can also drive from the static data to get the total columns and rows and build a collection based on them. in this case the columns are 6 as well as the rows.

ClearCollect(_MainFormStruct,Sequence(txtCols * txtRows))

Set the WrapCount of the gallery to your column count

rubin_boer_3-1612791886787.png

Add a label to the gallery and set its border width to 1

rubin_boer_4-1612792025011.png

set the witdh and height of the label as you need it

fill the first two rows and first column with gray

If(ThisItem.Value <= txtCols.Text * 2 || Mod(ThisItem.Value,txtCols.Text) = 1, LightGray, White)

rubin_boer_5-1612792112209.png

lets hide those number, set the font to transparent

rubin_boer_6-1612792154211.png

Add anohter label and center the text, set the text to

LookUp(FormMeta, Cell = ThisItem.Value, Value)

rubin_boer_7-1612792212189.png

There you almost there

how you store an call your image i will leave to you.

lastly add a text with its visible = If(ThisItem.Value <= txtCols.Text * 2 || Mod(ThisItem.Value,txtCols.Text) = 1, false, true)

and here is your form in run mode

rubin_boer_8-1612792773273.png

 

It takes some time to setup but once doen all the forms are easy to build.

 

Hope you can use this or help you on path

 

 

 

View solution in original post

rcarneiroIE
Helper I
Helper I

Many thanks, Rubin_Boer.

It is a very interesting suggestion/Solution, I really appreciated that.

The Forms I am building have more fields than only those I uploaded, but I think it will be a very interesting experiment to be done.

I going to create a new form now using your suggestion, thanks.

 

Ricardo.

The Forms I am building have more than only those fields I uploaded, but I think it will be a very interesting experiment to be done.


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

secondImage

Demo Extravaganza is Back!

We are excited to announce that Demo Extravaganza for 2021 has started!

MBAS on Demand

Microsoft Business Applications Summit sessions

On-demand access to all the great content presented by the product teams and community members! #MSBizAppsSummit #CommunityRocks

Power Apps June 2021

June Power Apps Community Call

Don't miss the call this month on June 16th - 8a PDT

Top Solution Authors
Top Kudoed Authors
Users online (68,580)