438
I’m trying to design something similar to a Processing Bar or Slides, aiming for a curved bar. Here’s a screenshot to illustrate the desired appearance I’m working towards. Let me know, and thank you!
If you know how to make a curved bar, really appreciate it. 🙂
@Pstork1, so far, I did added four image and different sliders is worked. Also, I want to make a based on colors what I had and let me show you.
I want to make a colors based on their match in datasource. 🙂 see below.
Switch(
LookUp('DHS Student Users Medallion', 'Student Name' = User().FullName).'Medallion Status'.Value,
"Blue Medallion", RGBA(36, 60, 145, 1),
"Bronze Medallion", RGBA(150, 75, 0, 1),
"Silver Medallion", RGBA(116, 117, 120, 1),
"Gold Medallion", RGBA(212, 166, 0, 1),
"Platinum Medallion", RGBA(96, 78, 137, 1), // Assuming 604E89 is a hexadecimal color
"Diamond Medallion", RGBA(65, 118, 156, 1),
RGBA(36, 60, 145, 1)
)
@Pstork1, updated!! It's worked and fixed correctly following your code is see below first one start with "data............."
Oh okay, I'll double check do that. Thank you
OK I'm working on it now to see if work or not. 🙂
OK, I think I found the problem this time. If you look at your input and what I pasted in it shows the beginning as "data:image/svg+xml" but it should be
Change the : in your code to an actual colon and it should work. The editor in the forums keeps changing colons to something else.
Further investigation says that isn't the problem. But I'm at a loss to tell you what the problem is. The code works fine in my original image control and a new one I put it in with a different slider as the source of the value. Try cutting and pasting the following into an image control and see if you get the basic grey arc. Then we'll try to build out the colored arc that shows the relative value.
Share
Report
All responses (
Answers (
"data:image/svg+xml," & EncodeUrl(
"<svg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px'>" & "<path fill='none' style='stroke-width:18;stroke:rgb(230,230,230);stroke-linecap:round;' d='" & "M " & Text(50 - 40*Sin(Pi() / 4)) & " " & Text(50 + 40 * Cos(Pi() / 4)) & " A " & "40 40 0 1 1 " & Text(50 - 40*Sin(2 * Pi() - Pi()/4)) & " " & Text(50 + 40 * Cos(2 * Pi() - Pi()/4)) & "'>" & "</path>" & "<path fill='none' style='stroke-width:18;stroke:rgb(255,0,0);stroke-linecap:round;' d='" & "M " & Text(50 - 40*Sin(Pi() / 4)) & " " & Text(50 + 40 * Cos(Pi() / 4)) & " A " & "40 40 0 " & "'>" & "</path>" & "</svg>")
Update: I did typing it myself into the image control and still have problem.
Oh yeah! I saw it... So what I do with that and need to change the code?
I tried copying and pasting what I posted and it doesn't work again. Then looking closer I found that it changed some of the special characters into their encoded versions. That is what is causing the issue. So you'll actually have to take the text I gave you and type it into the Image control. Cutting and pasting won't work. Here's what it does to the cut and paste text.
Notice the %3C in the first line? That's supposed to be a <
Ahh, thank you for figure it out. I tried copy and pasting in the code and still have problem. 😞
#1
WarrenBelz
146,708
Most Valuable Professional
#2
RandyHayes
76,287
Super User 2024 Season 1
#3
Pstork1
66,030
Most Valuable Professional
