Change Color for Sorting Icon on Reports

[Ilyrian]

Hi,

Can someone help me to change the color of the sorting icon in Reports to black?
In the screenshot you can see that my label is Black, but the icon is white.
Thank you

[Volomeister]

Hi nameless!

I had similar issue in the past.

Here is a JavaScript snippet that should do the job.
 

<script>

if(typeof iconChanger == 'undefined') {
const iconChanger = () => {
const regEx = /com\/images\/set\d_/;
const config = { childList: true, subtree: true }
const handler = () => {
let ascIcon = document.querySelector('img[src*="descending.gif"]')
let desIcon = document.querySelector('img[src*="ascending.gif"]')
if(ascIcon!==null) {
ascIcon.setAttribute('src', ascIcon.getAttribute('src').replace(regEx,'com/images/set1_'))
}
else if(desIcon!==null) {
desIcon.setAttribute('src', desIcon.getAttribute('src').replace(regEx,'com/images/set1_'))
}  
}
const observer = new MutationObserver(handler)
observer.observe(document.querySelector('body'), config)
handler()
document.removeEventListener('DataPageReady', iconChanger)
}
document.addEventListener('DataPageReady', iconChanger )

}

</script>

It works as it is. Just add it to the header or footer of your results  page

[kpcollier]

There's a spot on the Styles page for it.

Go to your Styles tab > Select Style that is your datapage uses > Go to 'Labels' under Results Page > 3rd option down, 'Sorting Marker'. 

There you can change what color icon to use for the markers.

 

[autonumber]

Hello! For better visualization, you may refer to the screenshot below: 

 

To customize your DataPage, you may also check the links below:

https://www.youtube.com/watch?v=DQJscbV5prE

https://www.youtube.com/watch?v=KxcEHFzk2o0

https://howto.caspio.com/styles/styles/