PDA

View Full Version : Kitchen sink backButton ui



Michou
30 Sep 2010, 12:34 AM
I'm using Kitchen sink example to explore ST API and i have a little problem.
I want to replace the backButton of the navigation panel with an icon (reply) with no borders (mask plain).

The backButton of the navigation panel is describe like this :

this.backButton = new Ext.Button({
text: this.backText,
ui: 'back',
handler: this.onUiBack,
hidden: true,
scope: this
});I change it like this :

this.backButton = new Ext.Button({
iconCls: 'reply',
iconMask: true,
ui: 'plain',
handler: this.onUiBack,
hidden: true,
scope: this
});it works on iPhone but not when i 'm on Chrome/PC
so after :

this.navigationPanel = new Ext.NestedList({
store: sink.StructureStore,
useToolbar: Ext.is.Phone ? false : true,
updateTitleText: false,
dock: 'left',
hidden: !Ext.is.Phone && Ext.orientation == 'portrait',
toolbar: Ext.is.Phone ? this.navigationBar : null,
listeners: {
itemtap: this.onNavPanelItemTap,
scope: this
}
});i add :

this.navigationPanel.backButton.setText(null);
this.navigationPanel.backButton.iconCls = 'reply';
this.navigationPanel.backButton.iconMask = true,
this.navigationPanel.backButton.ui = 'plain';
and i have my icon on Chrome/PC but also still appearing a 'back' text before the icon and i don't know what to do.

thanks

Michou
1 Oct 2010, 3:35 AM
same problem with 0.96
normal because i suppose it's my way of coding the problem...