CODEWITHSUNDEEP
javascriptsencha-touchextjssencha-touch-2
PendingVegan
PendingVegan

Reputation: 137

How do I make my Sencha Touch 2 Button rectangular?

I have tried and failed. Anyone know how? Any method will do, css, javascript, or otherwise.

Upvotes: 1

Views: 1195

Answers (2)

Jacob Nelson
Jacob Nelson

Reputation: 2476

in your custom-theme.scss file, add the following line

$button-radius: '0px';

then compile the scss file using the command "compass compile".

This will do the magic for you.

Upvotes: 1

Titouan de Bailleul
Titouan de Bailleul

Reputation: 12949

When you create you're button just add a style attribute to the button like so :

{
  xtype:'button',
  text: 'Button',
  style:'border-radius:0'
}

You can also use the cls attribute to associate a CSS class to your button and then add the style in a separate CSS file linked to your HTML file.

Hope this helps

Upvotes: 1

Related Questions