web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Split comma separated ...
Power Apps
Answered

Split comma separated values and make them look like tags in a horizontal gallery

(0) ShareShare
ReportReport
Posted on by 47

Franklin_vaz_0-1699128661788.png

Hello beautiful minds!

  • I am developing Canvas with Dataverse for teams.
  • I have a table called "SQM Queries", in it there is a column called "Tags" which contains comma separated values as single line text.
  • I basically need something exactly like the above screenshot.
  • First connect my table to a vertical gallery control to list out all items in the table.
  • Inside the main vertical gallery, i need to have a nested gallery to display the comma separated valuesas Tags with grey background horiztaly just like the example above.
  • Note: Length of each separated values would be differing.

i have tried multiple options, couldn't crack it, can you help me please?

Categories:
I have the same question (0)
  • Verified answer
    LaurensM Profile Picture
    12,516 Moderator on at

    Hi @Franklin_vaz,

     

    In case these tags are only displayed for informational purposes and do not need to execute code when selected, the most flexible approach would be using the HTML text control and styling these tags via HTML and inline CSS. I have created a quick example of how you could go about styling the tags below:

     

    //HtmlText property
    $"<ul style = 'list-style-type: none; margin: 0; padding: 0;'>
     {Concat(Split(ThisItem.Tags, ","), "<li style = 'display: inline-block; background-color: rgba(218, 218, 218, 0.8); padding: 0px 5px 3px 5px; margin: 3px 3px; border-radius: 3px'>" & Value & "</li>")}
    </ul>"

     

    Additional info on the HTML text control can be found here

     

    If this solves your question, would you be so kind as to accept it as a solution & give it a thumbs up.

    Thanks!

  • Franklin_vaz Profile Picture
    47 on at

    Dear @LaurensM,

    • Thank you very much for helping me do this, I wasn't thinking about using HTML text property. It works as expected.
    • I would be incredible naive If i dont learn how to make them each executing a code. If i may ask, how would you approach this scenario if you were to make each button (tag) executable?

    Kind Regards,

    Frank

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 721 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 320 Super User 2025 Season 2

#3
Power Platform 1919 Profile Picture

Power Platform 1919 268

Last 30 days Overall leaderboard