Master Posted June 1, 2016 Report Share Posted June 1, 2016 In a report page I want to show an icon instead of Yes/no field when Yes I want to show a check mark Quote Link to comment Share on other sites More sharing options...
MayMusic Posted June 1, 2016 Report Share Posted June 1, 2016 Add a HTML to your report page instead of actual field and use the code below. <span id="icon[@field:Id]"></span> <script> if ("[@field:YESNOFIELD]" == "Yes"){ document.getElementById('icon[@field:Id]').innerHTML="<img src='URL OF ICON'/>"; } </script> [@field:Id] is the unique ID of the record which needs to be replaced and also [@field:YESNOFIELD] is the field that holds Yes/No value Quote Link to comment Share on other sites More sharing options...
Alwayslost Posted June 2, 2016 Report Share Posted June 2, 2016 This is great. I will try it. Thanks so muchI am assuming to place an image for the "NO" part of it we just repeat the code and change the [filed name] Quote Link to comment Share on other sites More sharing options...
Alwayslost Posted June 2, 2016 Report Share Posted June 2, 2016 Will this effect the "filter search" option? if it is an HTML block vs the actual field itself? Quote Link to comment Share on other sites More sharing options...
Alwayslost Posted June 2, 2016 Report Share Posted June 2, 2016 And how do I add a header to it? in HTML the header is missing? Thank you Quote Link to comment Share on other sites More sharing options...
Alwayslost Posted June 2, 2016 Report Share Posted June 2, 2016 Also, I entered it like this: Tourneys <span id="icon[@field:tourneys]"></span><script> if ("[@field:tourneys^]" == "Yes"){ document.getElementById('icon[@field:tourneys]').innerHTML="<img src='http://assets.goplaypool.com/files/theme/appcas/check_01.png'/>"; } if ("[@field:tourneys^]" == "No"){ document.getElementById('icon[@field:tourneys]').innerHTML="<img src='http://assets.goplaypool.com/files/theme/appcas/check_02.png'/>"; } </script> **** And only the first two records show the results, and rest of them don't???? https://c0ffn912.caspio.com/dp.asp?AppKey=76114000a56b969604b44c4ca0bb Quote Link to comment Share on other sites More sharing options...
aam82 Posted June 2, 2016 Report Share Posted June 2, 2016 Sorry, I didn't notice this thread. I was helping someone over PM and figured I would post a script to accomplish this http://forums.caspio.com/index.php/topic/5750-replace-yesno-text-with-images/ Quote Link to comment Share on other sites More sharing options...
imJihyo Posted October 24, 2021 Report Share Posted October 24, 2021 Hello guys! Here's another solution that doesn't use any script but uses HTML codes for the icons/symbols. I hope this helps! - Jihyo ♥ Quote Link to comment Share on other sites More sharing options...
PotatoMato Posted December 30, 2021 Report Share Posted December 30, 2021 Hi! Just to update this post. You may also refer to this video tutorial regarding custom symbols: Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.