Skip to main content
Microsoft logo
Power Apps
    • AI Builder
    • Automate processes
    • Azure + Power Apps
    • Build apps
    • Connect data
    • Portals
  • Pricing
    • Overview
    • Become a Partner
    • Find a Partner
    • Find consulting services
    • Blog
    • Customer stories
    • Documentation
    • Roadmap
    • Self-paced learning
    • Webinars
    • Overview
    • Issues
    • Give feedback
    • Overview
    • Forums
    • Galleries
    • Submit ideas
    • Register
    • ·
    • Sign In
    • ·
    • Help
    Go To
    • Power Apps Community
    • Get Help with Power Apps
    • Building Power Apps
    • Microsoft Dataverse
    • AI Builder
    • Power Apps Governance and Administering
    • Power Apps Pro Dev & ISV
    • Power Apps Portals
    • Power Platform Integration - Better Together!
    • Power Platform Integrations
    • Power Platform and Dynamics 365 Integrations
    • Community Blog & News
    • News & Announcements
    • Power Apps Community Demo Extravaganza 2020
    • Galleries
    • Community App Samples
    • Webinars and Video Gallery
    • Canvas Apps Components Samples
    • Kid Zone
    • Business Value Webinars and Video Gallery
    • Emergency Response Gallery
    • 2019 Microsoft Business Applications Summit Recordings (Archived)
    • Microsoft Business Applications Summit 2020 Session Recordings
    • Ideas
    • Power Apps Ideas
    • Community Support
    • Community Accounts & Registration
    • Using the Community
    • Community Feedback
    cancel
    Turn on suggestions
    Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
    Showing results for 
    Search instead for 
    Did you mean: 
    • Power Apps Community
    • Galleries
    • Canvas Apps Components Samples
    • Re: Toggle Set

    Re: Toggle Set

    09-30-2020 05:57 AM

    lras120265
    Advocate I
    500 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    R3dKap
    Super User R3dKap
    Super User
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    Toggle Set

    ‎03-24-2020 03:25 PM

    [25-mar-2020 update] : removed Reset parameter, added MaxSelectedItems parameter

    _____________________________________________________________________________________________________________________________

    This component will allow you to add nice toggle sets to your applications. They are fully customizable so you will be able to give them the look and the behavior you want:

    ToggleSet.png

    Its parameters are as follow:

    - AllowNoSelection = if only one item is selected, allows the user to unselect it, thus having no items selected at all
    - BorderColor = color for the borders of the toggle set (as well as for the vertical separating lines between items)
    - BorderThickness = border thickness of the component
    - Color = text color for non-selected items
    - DisabledColor = text color for disabled items
    - DisabledFill = item fill color for disabled items
    - FontWeight = font weight for the item labels
    - Items = list of items for the toggle set (columns are: Id, Value, Disabled, Size, Selected)
    - ItemFill = fill color for non-selected items
    - MaxSelectedItems (number) = maximum number of items that can be selected (only if SelectMultiple is True, then value should be between 2 and number of items in Items)
    - Radius = in pixels, radius for the left and right corners of the component
    -Reset= resets the components to its defaults pre-selected items specified in the Itemsproperty (use the Selectedcolumn) (use Reset() function instead)
    - SelectedBorderColor = border color of selected items
    - SelectedColor = text color for selected items
    - SelectedFill = fill color for selected items
    - SelectMultiple = allows the selection of multiple items
    - Size = default font size for the item labels
     
    Here is the link to all detailed information: https://github.com/e-gallis/PowerApps/tree/master/Components/ToggleSet
     
    Enjoy!
    Preview file
    89 KB
    ToggleSet.zip
    Message 1 of 5
    5,636 Views
    5 Kudos
    Reply
    • All posts
    • Previous Topic
    • Next Topic
    R3dKap
    Super User R3dKap
    Super User
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎03-25-2020 02:23 PM

    Just updated the component to remove one parameter and add a new one (see initial post above).

    Message 2 of 5
    5,534 Views
    0 Kudos
    Reply
    lras120265
    lras120265 Advocate I
    Advocate I
    In response to R3dKap
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎09-21-2020 05:43 AM

    @R3dKap : Really like the menu component! Planning to use it in my app. 

     

    I am new to PowerApps. How to click on the menu option to go to different screen?

     

    Thanks!

    Message 3 of 5
    608 Views
    0 Kudos
    Reply
    R3dKap
    Super User R3dKap
    Super User
    In response to lras120265
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎09-28-2020 03:13 AM

    Hi @lras120265,

    I'm glad you'll be using the component in your app (if you could post a screen shot of what you did with it I'd love it! 😉).

    If you want to navigate to another screen when you click on an item, here is how to do it:

    • let's say you have the toggle set component on Screen1 and you named it cmpToggleSet
    • let's suppose you set cmpToggleSet.SelectMultiple to: false
    • on Screen1 add a hidden Toggle Power Apps control (let's name it _togToggleSetOnChange)
    • Set _togToggleSetOnChange.Default to: cmpToggleSet.OnChange
    • Set _togToggleSetOnChange.OnCheck to:
    Switch(
        First(cmpToggleSet.SelectedItems).Id,
        1,
        Navigate(Screen4),
        2,
        Navigate(Screen3),
        23,
        Navigate(Screen8),
        etc...
    )

    That should do the trick. Don't forget to have a look at the component on Github as there are more detailed explanations: https://github.com/e-gallis/PowerApps/tree/master/Components/ToggleSet.

    Hope this helps,

    R3dKap

    Message 4 of 5
    526 Views
    1 Kudo
    Reply
    lras120265
    lras120265 Advocate I
    Advocate I
    In response to R3dKap
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎09-30-2020 05:57 AM

    @R3dKap 

     

    Thank you so much! I definitely will post my screen here. 

    Message 5 of 5
    500 Views
    0 Kudos
    Reply
    Preview Exit Preview

    never-displayed

    You must be signed in to add attachments

    never-displayed

    Additional options
    You do not have permission to remove this product association.
     

    Power Platform

    • Overview
    • Power BI
    • Power Apps
    • Power Automate
    • Power Virtual Agents

    Power Apps

    • Sign in
    • Sign up

    Browse

    • Sample apps
    • Services

    Downloads

    • Studio
    • iOS
    • Android

    Learn

    • Documentation
    • Support
    • Community
    • Give feedback
    • Blog
    • Partners

    • © 2021 Microsoft
    • Follow Power Apps
    • Privacy & cookies
    • Manage cookies
    • Terms of use
    • Trademarks