在rallyApps中使用fontawesome图标

我最近发现，使用app2sdk时可以访问一些fontawesome字体，效果非常好。例如，我在这里使用它们，以显示趋势箭头在rallygrid：在rallyApps中使用fontawesome图标

enter image description here

这是比任何替代方案要容易得多，对于一个因为你可以很容易地风格这些图标（在这个例子中色）就像一个字体。它还提供了大量有用的图标可供使用。

但是使用此功能是否明智？这个特性在rc2中有效，但在rc1中不起作用，我认为它不在任何地方。有没有人知道它是否有可能继续在SDK的未来版本中工作？

此外，并非所有图标都可用 - 是否会在拉力赛中定期更新？

来源

2014-01-30 kimon

我们有基于Entypo的拉力图标。这是一项正在进行的工作，所以未来字体可能会发生变化，但它是拉力赛自己的套装，并不是所有的Entypo图标都可用。

您可能会发现以编程方式AppSDK2的指定版本中有哪些“拉力赛” FONT-FAMILY图标可通过运行该自定义应用程序：

<!DOCTYPE html> 
<html> 
<head> 
    <title>FontExplorer</title> 

    <script type="text/javascript" src="/apps/2.0rc2/sdk.js"></script> 

    <script type="text/javascript"> 
     Rally.onReady(function() { 
       Ext.define('CustomApp', { 
    extend: 'Rally.app.App', 
    componentCls: 'app', 
    launch: function() { 
     var fontStyles = _.find(document.styleSheets, function(styleSheet) { 
      return styleSheet.href.match(/rui-fonts\.css$/); 
     }); 
     var iconRules = _.filter(fontStyles.rules, function(rule) { 
      return rule.selectorText && rule.selectorText.match(/\.icon\-\w+\:\:before/) && rule.style[0] === 'content'; 
     }); 

     this.add(_.map(iconRules, function(cssRule) { 
      var iconName = cssRule.selectorText.substring(1).replace('::before', ''); 
      return { 
       xtype: 'component', 
       html: '<span style="font-family:courier" >' + iconName + '</span>', 
       style: { 
        fontSize: '20px', 
        display: 'block' 
       }, 
       cls: iconName, 
       listeners: { 
        afterrender: function() { 
         if(this.getEl().getStyle('fontFamily') !== 'Rally') { 
          this.destroy(); 
         } 
        } 
       } 
      };  
     }, this)); 
    } 
}); 


      Rally.launchApp('CustomApp', { 
       name:"FontExplorer", 
      parentRepos:"" 
      }); 

     }); 
    </script> 


    <style type="text/css"> 
     .app { 
    /* Add app styles here */ 
} 

    </style> 
</head> 
<body></body> 
</html>

来源

2014-01-30 16:52:59 nickm

有没有办法来确定哪些图标都可以？ – kimon

请参阅已更新的具有自定义应用程序代码的答案，以了解可用的图标。 – nickm

这真是太棒了！不过，我注意到，我今天使用的向上和向下箭头没有出现。是否有另一组字体不包含在此应用程序中？ – kimon

在rallyApps中使用fontawesome图标

回答

相关问题