ExtJS - 更改默認按鈕樣式和字體

我有這個要求，我必須更改我的Ext JS應用程序的默認樣式。我不是在談論改變CSS文件中的東西。我還沒那麼雄心勃勃。以下是我在尋找：ExtJS - 更改默認按鈕樣式和字體

想我需要提交和取消按鈕，我用的xtype：按鈕和文本：保存（或取消）。這將呈現帶有文本的按鈕。如果我想改變按鈕的外觀和感覺，我應該怎麼做？或者用一個很酷的保存或取消圖片替換按鈕？
現在我在應用程序中使用ExtJS顯示的默認字體顯示所有文本。如果我希望應用程序上的所有文本都改爲不同的字體，我該怎麼辦？從表單/網格中的數據一切都正確，每個組件的標題應改爲我的客戶喜歡的其他字體。我應該做些什麼？

我明白這些都是非常基本的和一般性的問題，但是我在繼續我的任務之前尋找一個好的提升。

謝謝大家提前。等待答案:)

更新：所以，我發現我們如何處理CSS和更改字體。任何人都可以幫助您瞭解提交/取消按鈕的外觀和感覺。

來源

2013-07-12 rajugaadu

我建議您使用SASS和compass來構建自己的主題，或者更好地說改變一個現有的主題。在Ext JS documentation中，您可以找到可根據需要設置的css變量。

來源

2013-07-13 22:05:50

第二個問題，我得到了答案。我可以添加一個新的CSS文件，並將我的偏好添加到我的應用程序中，然後將它們添加到我的視圖文件中。我不想冒險玩API提供的CSS文件。這與我更改按鈕外觀的方式是否相同？基本上，API文檔顯示添加/刪除等網格/表單示例看起來不錯的各種按鈕。我如何使用它們？我在哪裏找到他們？如何在我的組件中使用它們？ – rajugaadu

是的，這是相同的方式 - 字體和'外觀和感覺'在CSS類中聲明。 –

如果你還沒有準備好與上海社會科學院主題化，只是還沒有看一看從煎茶文檔按鈕CONFIGS的這個例子：

Stanadalone 例頁：http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/button/button.html

CSS，增加了自定義圖像的按鈕：http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/button/button.css

JS表示按鈕CONFIGS：http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/button/button.js

本質上這顯示瞭如何在按鈕配置上使用iconCls屬性以及一個簡單的CSS類將所需的圖像添加到您的按鈕。

來源

2013-07-16 18:00:53 dbrin

ExtJS - 更改默認按鈕樣式和字體

回答

相關問題