在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圖標

回答

相關問題