Radio Button Filter

                                               How to create Filter by using Radio Button

Step - 1 - Here filtering the data using Radio Button. First using Repeater create blocks like previous example- check the link below.

https://webwireframe.blogspot.in/2017/10/droplist-filter.html

After creating the Product Repeater, Product  filtering using Radio Button. 

Step - 2 - Place the Radio Button on canvas Name each radio button, then Select all Radio Button and Assign the name of Group Radio Button.

Step - 3 -  Select the Individual (one) Radio Button and In Properties Tab click on "OnSelected" then Case Editor will open .

Click to add action -> Repeaters -> Add Filter

Configure Action -> Checked Product (Repeaters)

Unchecked -> Remove other Filters

Name -> Icon (Name of Product)

Click fx

Step - 4 - While clicked fx it will open Edit value window - Now Add "[[Item.Name=='Icon']]"

Here Name is the column header name, Icon is the product 

Then click OK

Step - 5 -  Now Add "Remove Filter"

In Click to add action -> Repeaters -> Remove Filter

Configure Action -> Checked Product (Repeaters)

Unchecked -> Remove other Filters

Name -> Icon (Name of Product)

Then click OK

Follow the Same Steps for two more Radio Button and leave the All because it will show complete product.

Step - 6 - Preview

Thanks.