Orientation problem

ionic-v1
1

HI, i am beginner and i have just started using ionic framework. I am developing an app that has image buttons on the page.I have two picture buttons below the other two buttons. In two coulmns, The buttons are aligned properly when in portrait mode, but when i change the to landscape or even a tablet i find those picture button below just overlap the above buttons. Please do help.

Thanks

2

Can you please post your HTML-Code.
Thanks

3

Yes, please post a codepen or plunker.

4

http://codepen.io/venky2409/pen/JoBmva.html

5

http://codepen.io/venky2409/pen/JoBmva.html

6

Can u write plz the the width and height from the imgs?

Your App look like this?

image
image.png1281Ă—371 3.06 KB

But u want this?

image
Bildschirmfoto 2015-03-05 um 08.38.32.png1278Ă—519 4.14 KB

7

Yup exactly. my images are 512 x 512.

8

okay the problem is, buttons with the class “button-clear” has a “max-height”image

You must duplicate the CSS-Properties or copy it to your “style.css” and give it a custom CSS-Class, then u set the “max-height” to none

.my-custom-clear-button {
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
  padding: 0 6px;
  max-height: none;
  border-color: rgba(0, 0, 0, 0);
  background: 0 0;
  box-shadow: none;
}

Thats it.

1 Like
9

Thank you so much @azad11 that cleared my problem.

10

@venkyangara: no problem :wink: