Using Gallery to write Multiple Options on Form (instead of combobox?)

[thatonechick10]

Hello,

I'm new to using PowerApps and I am currently struggling to find a way to make this work. I've looked through several articles but haven't had anything get me in the right direction other than using a gallery.

"Help me Obi-wan Kenobi, you're my only hope"

I am creating a form but would like to use Images in place of the drop down combo box to select multiple choices. 

Example:

In App: User enters First Name, Last Name, Email, Phone Number, and then selects one or all options on the choice card. 1-2-3

On SharePoint List: Data get entered into First Name, Last Name, Email, Phone Number, and then shows which of the three choices in the Choices column that were selected by user.

Hopefully this all makes sense and SOMEONE out there can help me!!

*****EDIT****

What I do NOT want is for the images to be uploaded to the SharePoint list. If there is a way to assign each image a value to pass to the Choices column, that is the end goal. 

Images = text value (or whatever value the Choices column takes)

[TheRobRush · Accepted solution]

Here is an example. In my button to load my form I put

ClearCollect(formOptions, {Value:"Option 1", ImgVal: wo1},{Value:"Option 2", ImgVal: wo2});
NewForm(Form3);
Clear(valPass)

This loads me a form, in new mode, and also makes a collection with two options, each with an associated image

My form has 2 datacards for this example, venue & area.

My area card is a choice column

I deleted its default control in the card and placed a gallery like so

I gave that gallery the Items of formOptions, and it's gallery name is Gallery2_1

the image control in your gallery will have the onselect of

If(
     ThisItem.Value in valPass, 
            RemoveIf(valPass, Value=ThisItem.Value),
            Collect(valPass, ThisItem.Value)
)

The Update property of my Area datacard is now

valPass

if youd like a visual indicator of what has been selected and what has not you can also in your gallery include at top level a square icon that fills the template space and is a color of your choosing with like .1 for the opacity, give it the same onselect i provided for the img, and a visible status of

ThisItem.Value in valPass

[thatonechick10]

Thank you so much for your reply!

I'm trying to work through the message above and I'm running into two errors so far. 

I have gone ahead and taken a screen shot of how everything is looking so far and the errors I was given. 

When I load the gallery into my 'Choices_DataCard2', do I select the SPL as my data source? 

I also am not receiving 3 images in the gallery for the 3 options in my 'Choices' column. 

I appreciate your time and you being as detailed as possible.

[TheRobRush]

On my lunch so will look closer after. But to start with in your onstart you just copied my ClearCollect() exactly. You needed to change that.  Should be Value: name of first option, img: name of first image and so on.

Also your gallery control in the form needs to be set to have the items property of this collection we made formOptions. The screenshot you sent has an image in it so it cant be set to the right source data yet since your collection in the onstart hasnt been set up right yet.

The forms datasource will be your list, the gallery will be formOptions

The data card the gallery in will have update property of valPass.

On my phone so just typing what i see off hand. Reply if more needed

[TheRobRush]

Ok so I am back, iin this screenshot this buttons onselect is what you made your app onstart, if your form loads just by app starting thats fine keep it there, otherwise move to whatever button opens your form

So in this image we have a COllection format of

{Value: "Word for Option", ImgVal: the image name of image you uploaded that you want to be representative of this option}

Now the imgVal hyou can name anythign you want, but the fuirst part of that Value: must be named value (because sharepoint choice columns are tables they work in a {Value:}, {Value:} format and this makes the amount of conversions we have to do as few as possible.

the GALLERY in your form needs the items property formOptions (the name of the collection we made) the image control in the gallery will be ThisItem.ImgVal (or whatever name you chose) the datacard that you store this gallery in will then have the Update property valPass, which because of how we set everything we set up is already a table in exact format that your choice column expects to see

[thatonechick10]

I apologize for the back and forth messaging I have done the steps mentioned above but I'm still not receiving the data output to the sharepoint list. I still takes, first name, last name, email, phone. but is not picking up anything for the choices column. 

I'm not sure if the issue has anything to do with my submit button set up or not.

I have it set as OnSelect > SubmitForm(Form1)

[TheRobRush]

click this

then send a screenshot of what you have in its Update property

[thatonechick10]

[TheRobRush]

ok that's not behaving correctly, one of two liekly culprits. one lets see the onstart again now that its chanegd to make sure format looks right still.

then also click one of your images and then goto your collections, and send me an image of what the valPass collection looks liek so we can make sure thats beign made correctly,

if both those are good ill tell you next step

[thatonechick10]

OnStart:

Should 'ImgVal' be set to a different name individually for each option? Like 'Choice1' and 'Choice2'?

So this is only showing me one image is loaded into the gallery via the drop down for Gallery2. but some how both images are loaded in visually?