Is it possible to use FontAwesome Icons for radio options label

frankie_tech · January 20, 2023, 4:03pm

I have a website where an icon needs to be selected, and would like to have the icon the user is selecting be what is shown as the label.

Entering the HTML for the FontAwesome icon renders:

Which makes sense, and I get why it does. I’m wondering if it is possible to render the icon instead of the plain HTML like that.

halftrainedharry · January 20, 2023, 5:12pm

< and > in the label are converted to < > with htmlspecialchars here in the code.

github.com

modxcms/revolution/blob/dfd3113df09d6356143c10293b4e6bcdecbf6ac1/core/src/Revolution/Processors/Element/TemplateVar/Renders/mgr/input/option.class.php#L48


      
                      $this->tv->set('default_text',$defaultIndex);
                  }
                  /* do escaping of strings, encapsulate in " so extjs/other systems can
                   * utilize values correctly in their cast
                   */
                  if (preg_match('/^([-]?(0|0{1}[1-9]+[0-9]*|[1-9]+[0-9]*[\.]?[0-9]*))$/',$opt[1]) == 0) {
                      $opt[1] = '"'.str_replace('"','\"',$opt[1]).'"';
                  }
          
          
        $items[] = [
                      'text' => htmlspecialchars($opt[0],ENT_COMPAT,'UTF-8'),
                      'value' => $opt[1],
                      'checked' => $checked,
                  ];
          
          
        $i++;
              }
              $this->setPlaceholder('opts',$items);
              $this->setPlaceholder('cbdefaults',$defaultIndex);
          }
          public function getTemplate() {

So, I don’t think it’s possible. (Or at least not with the default “Radio Options” TV type.)