Skip to main content

Timeline for CSS Star Rater on VisualForce

Current License: CC BY-SA 3.0

10 events
when toggle format what by license comment
Jun 25, 2018 at 18:48 comment added Matheus Gonçalves Thanks @sfdcfox! I noticed the problem is more related to an unescaped # character than a base64 thing. Just added an answer down below.
Jun 25, 2018 at 18:11 comment added sfdcfox @toadgeek Which I acquired by putting the following JavaScript into my browser's console: btoa(`<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"><polygon fill="#FFDF88" points="10,0 13.09,6.583 20,7.639 15,12.764 16.18,20 10,16.583 3.82,20 5,12.764 0,7.639 6.91,6.583 "/></svg>`)
Jun 25, 2018 at 18:10 comment added sfdcfox @toadgeek url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
Jun 25, 2018 at 18:01 comment added Matheus Gonçalves @akcorp2003 do you have more info about how you converted it to base64? I'm having the same issue.
Nov 10, 2016 at 21:02 comment added akcorp2003 Never mind that. I found out that you need to convert the SVG to base64. UTF-8 ruins some browsers. Here's the link: rog.ie/blog/css-star-rater
Nov 10, 2016 at 20:26 comment added akcorp2003 This is really good! I was seeing that weird output and I was stuck at how to target those elements. It's working on Chrome but, it doesn't seem like it's working on Firefox.
Nov 10, 2016 at 20:06 vote accept akcorp2003
Nov 10, 2016 at 0:42 history edited sfdcfox CC BY-SA 3.0
added 222 characters in body
Nov 10, 2016 at 0:36 history edited sfdcfox CC BY-SA 3.0
added 222 characters in body
Nov 10, 2016 at 0:21 history answered sfdcfox CC BY-SA 3.0