2012-01-18 13 views
1

私は一連の戻るボタンを宣言しようとしています。 「バック赤い」 UI:「バック黒」 UI:Sencha Touchテーマ:カスタム戻るボタン

私の目標は、 UIを行うことです

「バック・グリーン」、それがスタイル変わりますが、それは、矢印の形を維持し

これまでのところ、私は唯一のすべてのUIを変更するために管理してきました:「戻る」ボタン

.x-button-back, .x-button-back:after { 
    background:#ff0000 none !important; 
} 

任意のアイデア?

答えて

4

ui:'normal-black'またはui:'round-black'を試してみませんか?あなたのプロジェクトのサスファイルを編集する必要があり、そのために

UPDATE

http://vimeo.com/33298159

(例は17:00です):詳細は、このビデオは

@include sencha-button-ui('orange',#ff8000,'glossy'); 

と同様の

@include sencha-button-ui('red',#ff0000,'matte'); 

チェックにあなたがしたい色ごとにSCSSファイルに次の行を追加します。

http://vimeo.com/17879651

http://www.sencha.com/learn/theming-sencha-frameworks-with-sass-and-compass/

とCSS3のチートシート http://downloads.sencha.com/extras/css3-cheat-sheet.pdf

+0

は、色のUIを変更できるようにすることです。バックボタンの形をしています。私はuiの色を変えることができます。私がしたいのは、矢印の形を保ち、いくつかの色を定義することです –

+0

私は間違った質問を得ました。私の編集された答えをチェックしてください。 – ilija139

3

選ばれた答えは、おそらく間違っているか、煎茶2.0.1には適用しません。私はanwerを試しましたが、Sencha Touch 2.0.1では動作しません。ただし、以下の方法が動作します。

  1. (オプション)SASSにSASSを経由して、あなたの好きな色をインポートします。

    @include sencha-button-ui('orange',#ff8000,'glossy'); 
    
  2. ui: "orange-back" 
    

    または

    ようなUIでそれを入れて
    ui: "red-back" 
    
カードで

...など

+0

更新のおかげで、私はST2がベータテストの初期段階にあったので、私のプロジェクトがST1にあった2011年末にこの質問をしました^^ –

+0

問題ありません。私は同じ問題に直面して検索しました。このことはST2ではうまくいきません!だから、誰かがそれを必要とする場合に備えて、私はこの答えを提示したのです。 –

4

に:

CSSで
config: { 

    defaultBackButtonText: '', 
    navigationBar: { 
     backButton: { 
      iconCls: 'back', 
      ui: 'plain' 
     } 
    } 
} 

:私が欲しいもの

//Back 
.x-button-icon.back { 
background-image: url(../../resources/images/bt_seta.png); 
background-repeat: no-repeat; 
}