UP and down sort arrows in WebListBox

I currently indicate the direction of the sort order in the header of a web list box with code the looks something like this:

If Sql_SortDIRECTION ="ASC" then myDirectionIcon=" (^)" else myDirectionIcon=" (v)" end if

But (^) is just ugly I prefer

https://yadi.sk/i/eQ9aDvq6qDYcq

I thought about embedding at IMG tag as a string into the text like (And serving it off of a web server outside Xojo)

myDirectionIcon="<img src='http://xc.jaymenna.com/i/downArrow.jpeg'  style='width:12px;height:12px;'>"

But Xojo is ’ too Smart’
https://yadi.sk/i/zVHraR-uqDYdY

Any suggestions?

If Sql_SortDIRECTION =“ASC” then
myDirectionIcon=" (" + &u21e1 + “)”
else
myDirectionIcon=" (" + &u21e3 + “)”
end if

or pick one :slight_smile:
https://en.wikipedia.org/wiki/Arrow_(symbol)
http://unicode-table.com/en/sets/arrows-symbols/

the trick will be if the font your using has a glyph for this particular symbol
it may not

[quote=253548:@Jay Menna]But Xojo is ’ too Smart’
https://yadi.sk/i/zVHraR-uqDYdY [/quote]

See https://forum.xojo.com/15497-pictures-in-weblistbox-cells

Actually the code I posted there needs very little modification to affect a picture to the header :

[code] dim row as string = “0”
dim column as string = “0”

dim st() As String

st.append(“var tbody = document.getElementById(’” + me.controlID + “’).getElementsByTagName(‘table’)[0].getElementsByTagName(‘tbody’)[0];”)
st.append(“var cell = tbody.getElementsByTagName(‘tr’)[”+str(row)+"].getElementsByTagName(‘td’)["+str(column)+"];")
st.append(“if (cell) {”)
st.append(“cell.style.backgroundImage=”“url(‘http://www.w3schools.com/css/bgdesert.jpg’)”";")
st.append("}")

ExecuteJavaScript(Join(st))[/code]

Keep row at zero, and use column as usual. I placed this code in the Shown event of the WebListBox.