Konumu korumak için düğme nasıl gizlenir?

Question

Bu örneğim var ve bilgi düğmesi aktif olmadığında alanın konumunu düzeltmek istiyorum.

nasıl css bunu yapmak? görünümünde Ben, bu kod ile dinamically bu alanı oluşturarak ben formu oluşturmak zaman doğru arıyorum yılında

..

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 
      } 
      } 
     } 
     ] 
    }; 
    }, 

Ve css sınıftır:

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

Answer 1

Gizlenmesi gerektiğinde, düğmene visibility: hidden; kodunu koymaya çalışın. Bu şekilde hala gereken alanı alır, böylece diğer elemanların konumu değişmez.

Answer 2

yararlı olacaktır Bazı kodları görmek için, ama bu olmadan, böyle bir şey elde etmek için normal bir yöntem pozisyonu vermek için mutlak; ve ana öğe yer: göreli;.

Bu bağlamda, ana öğe, ondalık metin, giriş ve bilgi düğmesi olan alt öğenin muhtemelen kendisi olabilir. Bilgi düğmesini kesinlikle konumlandırmanız, göreceli olarak çubuğu konumlandırmanız ve bilgi düğmesinin üst ve sağ css özelliklerini kullanarak doğru konuma yerleştirmeniz gerekir.