Block Button formatted like Outline Button


#1

Is there a way to create Block Buttons (stretching across the screen) in the format of an Outline Button (transparent with just the outline)?


#2

These are two different classes that don’t interfere with each other, combine them together:

<button class="button button-positive button-block button-outline">Outlined Button Block</button

#3

brandy - thanks so much, it worked… stupid question… how do I adjust the padding around the button so it doesn’t expand 100% to the edge?


#4

I recommend reading this post on debugging using Chrome Developer Tools (particularly Debugging Markup and Styles): http://mcgivery.com/debugging-ionic-apps-chrome-developer-tools/

You should be able to inspect the button and see which class the padding is being applied with. Then you can override this class. :smile: