cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
MainOv
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
shailendra74 Solution Sage
Solution Sage

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 @shailendra74 's suggestion?If your issue is fixed. 

Please accept that as solution.

 

More information:

control-radio

 

Best Regards.

Yumia

MainOv
Frequent Visitor

Re: User interface : radio buttons inside a table

Thanks @shailendra74 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
MBAS Gallery 2020

MBAS Gallery 2020

Watch Microsoft Business Applications Summit sessions on-demand.

firstImage

New Ranks and Rank Icons released on April 21!

The time has come: We are finally able to share more details on the brand-new ranks coming to the Power Apps Community!

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