位置を保持するボタンを隠すには？

Question

私はこの例を持っており、情報ボタンがアクティブにならないときにフィールドの位置を修正したいと思います。 CSSでこれを行うにはどのように

？

.infoText { 
    margin-top: .3em; 
    margin-right: .5em; 
} 

Answer 1

隠すべきときに、 visibility: hidden;をボタンに入れてみてください。この方法ではまだ必要な領域が占有されるため、他の要素の位置は変更されません。

Answer 2

それは有用であろう：

generateInfoForField: function (f, infoText) { 
    return { 
     xtype : 'container', 
     layout: { 
     type: 'hbox' 
     }, 
     items : [ 
     f, 
     { 
      xtype : 'button', 
      cls  : 'infoText', 
      iconCls : 'info', 
      infoText : infoText, 
      itemId : 'infoText', 
      listeners: { 
      tap: { 
       scope: this, 
       fn : this.infoButtonTapped 
      } 
      } 
     } 
     ] 
    }; 
    }, 

とCSSクラスである私は、フォームを生成するときに正しく呼び出し、このコードでdinamicallyこのフィールドを作成しておりますビューで

..いくつかのコードを見ることができますが、これがないと、このような何かを達成する通常の方法は、子要素にの位置を与えることです：絶対;および親要素位置：相対;。

この場合、親要素はバー自体であり、子要素は小数点テキスト、入力および情報ボタンです。情報ボタンを絶対的に配置し、バーを相対的に配置してから、上と下のcssプロパティを使用して情報ボタンを正しい位置に配置する必要があります。