Изображение как кнопка «Назад» в NavigationView - PullRequest
Новая
       2

Изображение как кнопка «Назад» в NavigationView

1 голос
/ 26 марта 2012

Я пытаюсь переопределить CSS кнопки «Назад» в навигационном представлении Sencha Touch 2. Используя этот CSS 

#ext-container-1 .x-button {
  background: url(../images/button_zurueck.png) no-repeat;
  width: 55px;
  height: 55px;
  margin-top: 120px;
  margin-right: 26px;
  border: none;
}

Мне удалось показать изображение, но атрибут ширины переопределяется атрибутом стиля, установленным на кнопке, поэтому отображается только небольшая часть кнопки. Это содержимое атрибута стиля, оставленного после анимации кнопки: 

element.style {
    left: 0px !important;
    -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg) skewY(0deg) scaleX(1) scaleY(1) scaleZ(1) !important;
    opacity: 1 !important;
    width: 16px !important;
}

Как я могу переопределить ширину кнопки?

Ответы [ 3 ]

2 голосов
/ 27 марта 2012

Это ошибка в 2.0.0, и она уже исправлена ​​Sencha в следующем выпуске.

Дополнительная информация: http://www.sencha.com/forum/showthread.php?188982

1 голос
/ 27 марта 2012

Мне удалось показать полную кнопку, добавив правый отступ.Это грязно, но его работа.В ожидании следующего релиза Sencha Touch.

В конце я полностью избавился от этой кнопки и вставил свою собственную кнопку, которая имитирует функциональность «назад».

0 голосов
/ 14 декабря 2012

На карте: 

config: {

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

На CSS: 

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