How to change the item font color of a custom-Radio Slicer?

[yuching_chang]

Hi there

Because the current slicer when set as Single Selection, it can only show the items vertically, but I need to display horizontally. So I searched online and found a custom-Radio Slicer open to download

 

Here is the link: https://github.com/jongio/PowerBI-visuals-radioSlicer

After I import that visual to my PowerBI, it works, but then I found it can't change the item font color...As its font colot is set as grey and my backgound is black, the item text is totally invisible...

I tried to download its code pack and open the files, but still don't know where to start as I'm not familiar with JSON and also not sure if I need PowerBI Pro to make it...hope there's somebody can help

This is the instruction for how the radio slicer is built from the author: https://blog.jongallant.com/2017/03/powerbi-custom-slicer/

Also, Bookmark is not a consideration for the design now as the options will be incrementally added on with data flowing in continually. Namely, if I use bookmarks, I need to put all the options first while some options when users click on, the data is not available yet.

Thank you in advance!

[themistoklis]

@yuching_chang 

There is an option in the default PowerBI slicer to display the items horizontally.

Does this cover your needs?

https://docs.microsoft.com/en-us/power-bi/create-reports/power-bi-slicer-filter-responsive

You can also check the custom chiclet slicer visual

[yuching_chang]

Hi @themistoklis 

Thanks for the quick reply.

Although the default slicer and chiclet slicer can display items horizontally, they can't display the radio button. They directly make the items as buttons, but I need the design in radio button...

[themistoklis]

@yuching_chang 

I dont think there is any other custom visual in appsource where you can display option buttons horizontally, apart from the one that you have already found.

Also if there not so many list values, have you tried replicating the same slicer multiple times and for each one of them display only one value? And then add all slicers one next to the other