SpriteClass d'affichage à l'aide de Font-Impressionnant dans Kendo Bar Panel

Question

Je vais avoir du mal sur l'affichage <i> dans Kendo Bar Panel car il utilise uniquement <span> et <img>

Est-il possible d'utiliser la police Impressionnant dans Kendo Bar Panel?

Code pour afficher <span>

<div class="demo-section k-content"> 

      <h4>PanelBar with sprites</h4> 

      <div id="panelbar-sprites"></div> 

     </div> 

     <script> 
      $("#panelbar-sprites").kendoPanelBar({ 
       dataSource: [{ 
         text: "Brazil", spriteCssClass: "brazilFlag", items: [ 
          { text: "History", spriteCssClass: "historyIcon" }, 
          { text: "Geography", spriteCssClass: "geographyIcon" } 
         ] 
        }, 
        { 
         text: "India", spriteCssClass: "indiaFlag", items: [ 
          { text: "History", spriteCssClass: "historyIcon" }, 
          { text: "Geography", spriteCssClass: "geographyIcon" } 
         ] 
        }, 
        { 
         text: "Netherlands", spriteCssClass: "netherlandsFlag", items: [ 
          { text: "History", spriteCssClass: "historyIcon" }, 
          { text: "Geography", spriteCssClass: "geographyIcon" } 
         ] 
        }] 
      }); 
     </script> 

Answer 1

Voici un dojo exemple en utilisant des sprites impressionnants de police au hasard example dojo

Tout ce que vous devez faire est de comprendre la police css impressionnante (soit localement ou à partir du cdn) et puis en utilisant la convention de nommage génial de la police par exemple fa fa-circle-stop etc, il sera inclus dans le cadre de l'en-tête. Je suppose que l'exemple que vous avez fourni provient du site de démonstration et si vous regardez plus bas (dans la section déclaration CSS), vous verrez qu'il charge un fichier sprite puis positionne les images pour les drapeaux.

Si vous avez besoin de plus d'informations alors faites le moi savoir.