I have three button in the footer-bar,how can i set their width?


#1

i have three button in the footer-bar, one and second button has the same width and fix the blank,how can i do
http://codepen.io/anon/pen/dBvGL

like this!


#2

if i understand you correct:

add an own css class for those buttons with “width: 230px;” ?
So every button with you class will have a width of 230px.


#3

i updated my topic and have a picture to show what i want!


#4

Have you considered looking into the Ionic grid layouts?

Something like this:

This way you can set each button to take up a % of the horizontal space. A great approach as opposed to setting pixel sizes since they’ll resize accordingly on different devices :smile:


#5

Yeah but i do not know if this works correctly in footer and header bars :wink:
and if you have a large button text you have to set min-width to look nice …


#6

use grid like this


#7

i solute like this
http://codepen.io/anon/pen/dBvGL