Yes / No output as icons

  • Resolved hielkio

    (@hielkio)


    6 years ago

    It would be nice to have the option to choose icons instead of simply Yes / No.
    I could provide a lot of examples like In / Out, In action / not in action, available / unavailable with icons -maybe from Fontawesome or something like that, but I’m just looking for a simple V Mark / Cross mark replacing Yes / No.

    I guess there’s no such feature (yet) but maybe someone can tell me the right approach with the least overall efford. Not that I want to complain, but to make chances on error as low as possible would be nice. Also the less code the better it would be right? ??

    I hope someone can help me further

    • This topic was modified 6 years ago by hielkio.
Viewing 1 replies (of 1 total)
  • Plugin Contributor Jim True

    (@jimtrue)

    You are welcome to make this suggestion as an Enhancement or Feature Request at our GitHub: https://github.com/pods-framework/pods/issues/new/choose. That’s the most appropriate place for feature requests.

    in your situation, what you’re actually wanting to do is modify the ‘display’ output to output an icon instead on the front-end i’m guessing based on the value in a yes/no field.

    Pretty straightforward, using an example from our Pods Templates and Magic Tags using Template Tags (discussed in this video https://youtu.be/fxpH68u3sgw around the 20-21 minute mark).

    If our yes/no field is “In the Office” or in_office, inside my template I’d put the following:

    
[if in_office]
<i class="fas fa-check-circle"></i>
[else]
<i class="fas fa-times-circle"></i>
[/elseif]

    I would probably want to add something in ARIA or a title to let the checkbox be obvious that it’s ‘in the office’ and the circled X is ‘out of office’, but you should get the idea. Pretty much anything is possible with CSS/HTML ??

Viewing 1 replies (of 1 total)
  • The topic ‘Yes / No output as icons’ is closed to new replies.