Is there a best practice for toggling between two SVGs? I currently have two buttons and just us "hide" to only show the correct one (see below). I have other simpler cases where all I want to do is change the color, but there doesn't seem to be a conditional way to set a button_icon color (can se…

If I can, I use a button bar and hide one of the 2 segments. Just size the button bar to the dimension of one button (size is preserved when hiding other segments). Button bars can make it easier if you want to calculate a label. Just know that styling options are not exactly the same as the ones f…

Conditional Formatting will handle that for you. [conditionFormattingForIconColor]

Re: using a 2-segment button bar and conditionally hiding one or the other, I recently noticed that WebDirect does not always honor the segment resizing. I don't remember the exact situation, but it's one thing to keep an eye out for when you use this technique. If deploying to WD, test this specifi…

if you only have these two forms, one the outline, one outline plus fill, in my opinion the 2-layer approach is fastest: make the outline a background layer with lines and/or fills as shown on your left side. Now add a layer with the fmfill - class for the yellow fill. This can be shown/hidden via…

Why don’t you just use a simple star symbol without outline. Use light grey and yellow for conditional formatting. Easy and pretty.

if you have users with a disability to distinguish between certain colours outline vs. filled is really helpful :slight_smile:

Conditionally change an SVG

Questions

mipiano April 18, 2021, 10:45pm 4

@JasonMark :
@Malcolm is right, if the svg has the fmfill class inserted. Look at this thread: SVG image format for button icons

Topic		Replies	Views
SVG image format for button icons Questions button-display , svg	38	1373	February 20, 2021
Button Bars vs Buttons Lounge (Discussions) scripting	12	599	February 7, 2021
Can we display SVG outside a web viewer? Questions ui , svg , user-interface	10	594	August 27, 2022
Hide condition depending on active buttonbar segment Questions	2	317	September 23, 2020
Button Bars - Copy Conditional Formatting Questions layout-design	7	821	February 7, 2020

Conditionally change an SVG

Related topics