Сенча сенсорный - не может стилизовать изображение, чтобы быть меньше на кнопке - PullRequest
Новая
       1

Сенча сенсорный - не может стилизовать изображение, чтобы быть меньше на кнопке

1 голос
/ 19 августа 2011

У меня есть следующий элемент в контейнере.Моя проблема связана с кнопкой xtype, в частности со свойством text.PHP-код работает правильно, и span также делает шрифт красным, но я не могу стилизовать изображение до 22 на 22 пикселейДаже когда я загружаю изображение размером 22 на 22 пикселя, оно увеличивается до 38х38.Возможно, вмешивается правило стиля где-то еще, есть ли способ переопределить его, введя соответствующий текст в свойство text?Спасибо 

{
            xtype:"form",
            baseCls:"",
            cls:"search1-container dotted-line",
            url:"search",
            standardSubmit:true,
            layout:"hbox",
            items:[myapp.textBoxes.freeSearch,{
                xtype:"button",
                text:"<img src='images/Search.png'  style='float:left; height:22; width:22;' />Pre-owned <span style='color:red; font-size: 11px; display:inline-block; vertical-align: top;'> [<?php echo $rows; ?> Cars]</span>",
                cls:"search1-submit"
            }],
            listeners:{
            }
        }

Ответы [ 2 ]

0 голосов
/ 23 февраля 2012

Он спрашивает, как изменить размер значка кнопки, а не как изменить размер самой кнопки

0 голосов
/ 19 августа 2011

Попробуйте:

Стиль 

<style>
.icon {
    background-image: url('images/Search.png');
}
</style>

Код 

Ext.create('Ext.panel.Panel',{
xtype:"form",
baseCls:"",
cls:"search1-container dotted-line",
url:"search",
standardSubmit:true,
layout:"hbox",
items:[{
    xtype:"button",
    height: 32, // you can change this parameter too
    text:"Pre-owned <span style='color:red; font-size: 11px; display:inline-block; vertical-align: top;'> [Cars]</span>",
    iconCls : "icon",
    cls:"search1-submit"
}],
renderTo:Ext.getBody()

});

...