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

User interface : radio buttons inside a table

Hello everyone, 

I want to create a user interface which consists of radio buttons inside a table like in the bottom left of the image at this link here: https://pbs.twimg.com/media/D4fnGBaVUAAq4Qh.png
Along with the tab navigation.
Does anyone know how to achieve this ? I am fairly new to PowerApps and i can't seem to succeed recreating the UI.
Thank you for any help you can provide me,

Regards

3 REPLIES 3
Highlighted
Anonymous
Not applicable

Re: User interface : radio buttons inside a table

for Radio buttons:

 

1. consider you have a list (KitchenStatus) as follows:

 

Screenshot 2019-07-08 at 10.46.00 pm.png

 

2. Create a collection ClearCollect(collKitchenStatus, KitchenStatus) 

3. Create a gallery with ID, Title, Radio control and set Items as collKitchenStatus. 

 

Screenshot 2019-07-08 at 10.47.45 pm.png

 

4. for Radio control set Items property to ["Pass","Repair","Replace"]. Set Radio Layout to "Layout.Horizontal" (in Advance properties)

5. for Radio control set Default property to 

If(ThisItem.PASS=true,"Pass", If(ThisItem.REPAIR, "Repair", If(ThisItem.REPLACE, "Replace")))

 

6. on save consider below code to update data

 

ForAll(
   Gallery.AllItems,
    Patch(
        KitchenStatus,
        LookUp(
            collKitchenStatus,
            ID = Value(lblID.Text)
        ),
        {
            PASS: If(
                lblStatus.Text = "Pass",
                true,
                false
            ),
            REPAIR: If(
                lblStatus.Text = "Repair",
                true,
                false
            ),
            REPLACE: If(
                lblStatus.Text = "Replace",
                true,
                false
            )
        }
    )
);
Highlighted
Community Support
Community Support

Re: User interface : radio buttons inside a table

Hi @MainOv 

 

Could you please reference @Anonymous 's suggestion?If your issue is fixed. 

Please accept that as solution.

 

More information:

control-radio

 

Best Regards.

Yumia

Highlighted
Frequent Visitor

Re: User interface : radio buttons inside a table

Thanks @Anonymous for your reply,
It got me some valuable insights.
But actually, here is how i want my SharePoint List (KitchenStatusInspection) to look like. Each item in the list should correspond to a carried out inspection. The inspected items (flooring,appliance & ceiling) being SP columns and not items in the list
KitchenStatusInspection.JPG

And this is how i want the UI for the inspection checklist to look like (image below) but i don't know how to achieve it.KitchenStatus Inspection checklist.JPG

Does someone know how to obtain this please ?

Regards,

Helpful resources

Announcements
secondImage

New Return to Workplace

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

Check this Out

Helpful information

Featuring samples like Return to the Workplace and Emergency Response Applications

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Top Solution Authors
Top Kudoed Authors
Users online (8,695)