[Resolve] Problem with IonicPopup size

I have a custom ionicPopUp and I try to change the height and the width of it, but it doesn’t work. Can you help me?


var myPopup = $ionicPopup.show({
      templateUrl: "product-popup.html",
      scope: $scope,
      buttons: [
        { text: 'Fermer',
          type: 'button-bleu'

The HTML template:

<script id="product-popup.html" type="text/ng-template">
                <table class="popup-produit-item">
                    <tr><td colspan='2'><img src='img/shop/{{item.image}}.jpg' class="fullsize"/></td></tr>

The CSS:

width: 600px;
height: 450px;

The height is working fine but the width is never modify (I’ve tried several value).

The width is set here

.popup-container .popup {
    width: 250px

So you can override it using !important:

    width: 600px !important;
    height: 450px;

Finally, I change the width directly in .popup-container .popup.
Thank you for your answer, I wouldn’t think it was so simple! :wink:

1 Like