Skip to main content
Community site session details
Power Apps - Building Power Apps
Answered

Color Custom Tabs

Like (2) ShareShare
ReportReport
Posted on 17 Apr 2024 16:20:43 by 1,360

Hello,
I used @RezaDorrani solution to create a tabbed form in my Canvas App NOT a SharePoint Integration form.
Reza's solution is here!
This solution worked great but one thing that I can't solve is colorizing each tab to match the fill of each form.
Does anyone have any ideas they can share?

Thank you.

Categories:
  • Verified answer
    golfnutt82 Profile Picture
    1,360 on 29 Aug 2024 at 13:26:17
    Color Custom Tabs
    I figured out how to not only colorize each tab but also colorize each form based on the variable varTabSelected.

    If(
        varTabSelected = 1,
        RGBA(
            227,
            234,
            243,
            1
        ),
        If(
            varTabSelected = 2,
            RGBA(
                176,
                207,
                132,
                1
            ),
            If(
                varTabSelected = 3,
                RGBA(
                    197,
                    199,
                    252,
                    1
                ),
                If(
                    varTabSelected = 4,
                    RGBA(
                        238,
                        193,
                        190,
                        1
                    ),
                    If(
                        varTabSelected = 5,
                        RGBA(
                            240,
                            255,
                            96,
                            .39
                        ),
                        If(
                            varTabSelected = 6,
                            RGBA(
                                171,
                                96,
                                255,
                                .39
                            ),
                            If(
                                varTabSelected = 7,
                                RGBA(
                                    96,
                                    187,
                                    255,
                                    1
                                ),
                                If(
                                    varTabSelected = 8,
                                    RGBA(
                                        96,
                                        255,
                                        114,
                                        .39
                                    ),
                                    If(
                                        varTabSelected = 9,
                                        RGBA(
                                            255,
                                            96,
                                            230,
                                            .39
                                        ),
                                        ColorValue("#e3eaf3")
                                    )
                                )
                            )
                        )
                    )
                )
            )
        )
    )
     
    To colorize each form based on what tab I chose, I did the following.

    Fill property to color form based on tab selection.

    If(
        varTabSelected = 1,
        RGBA(
            227,
            234,
            243,
            1
        ),
        If(
            varTabSelected = 2,
            RGBA(
                176,
                207,
                132,
                1
            ),
            If(
                varTabSelected = 3,
                RGBA(
                    197,
                    199,
                    252,
                    1
                ),
                If(
                    varTabSelected = 4,
                    RGBA(
                        238,
                        193,
                        190,
                        1
                    ),
                    If(
                        varTabSelected = 5,
                        RGBA(
                            240,
                            255,
                            96,
                            .39
                        ),
                        If(
                            varTabSelected = 6,
                            RGBA(
                                171,
                                96,
                                255,
                                .39
                            ),
                            If(
                                varTabSelected = 7,
                                RGBA(
                                    96,
                                    187,
                                    255,
                                    1
                                ),
                                If(
                                    varTabSelected = 8,
                                    RGBA(
                                        96,
                                        255,
                                        114,
                                        .39
                                    ),
                                    If(
                                        varTabSelected = 9,
                                        RGBA(
                                            255,
                                            96,
                                            230,
                                            .39
                                        ),
                                        ColorValue("#e3eaf3")
                                    )
                                )
                            )
                        )
                    )
                )
            )
        )
    )
     
     

Helpful resources

Quick Links

Paul Stork – Community Spotlight

We are honored to recognize Paul Stork as our July 2025 Community…

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 791 Most Valuable Professional

#2
MS.Ragavendar Profile Picture

MS.Ragavendar 410

#3
mmbr1606 Profile Picture

mmbr1606 275 Super User 2025 Season 2

Loading complete
Loading complete