Tag Archives: button

Setting UI styles on an Ext.Button component using Sencha Touch 2

The following example shows how you can set various UI styles on an Ext.Button component using Sencha Touch 2 and setting the `ui` config option to one of the following values: “normal” (default), “round”, “back”, “forward”, “small”, “action”, “decline”, or “confirm”.

Continue reading

Styling the horizontal separator bar on an Ext.menu.Menu component in Ext JS

In a previous example, Adding a horizontal separator bar to an Ext.menu.Menu component in Ext JS, we saw how you could add a horizontal separator bar to an Ext.menu.Menu component in Ext JS by adding an '-' item or menuseparator xtype object to the list of menu items.

The following example shows how you can add a custom CSS class to the horizontal separator by specifying the separatorCls config option on the menuseparator xtype object.

Continue reading

Adding a horizontal separator bar to an Ext.menu.Menu component in Ext JS

The following example shows how you can add a horizontal separator bar to an Ext.menu.Menu component in Ext JS by adding an '-' item to the list of menu items, or by explicitly adding an Ext.menu.Separator instance using the menuseparator xtype.

Continue reading

Creating a group of toggled Ext.Button components in Ext JS

In a previous example, Creating a simple toggle Ext.Button component in Ext JS, we saw how you could create a simple toggle Ext.Button component in Ext JS by setting the Boolean enableToggle config to true.

The following example shows how you can create a group of related toggle Ext.Button components in Ext JS by setting the toggleGroup config. When two or more Ext.Button components share the same value for the toggleGroup config, only one of those buttons can be toggled at a time.

Continue reading

Setting the menu arrow alignment on an Ext.Button component using Ext JS

In a previous example, Adding a submenu to an Ext.Button component using Ext JS, we saw how you could add a simple submenu to an Ext.Button component in Ext JS by setting the menu config option.

The following example shows how you can set the menu arrow alignment on an Ext.Button component in Ext JS by setting the arrowAlign config option to ‘right’ (default) or ‘bottom’.

Continue reading