Ionique: comment utiliser cssClass dans $ionicPopup?

Si je veux modifier la largeur par défaut dans $ionicPopup et pour ce faire je dois ajouter "cssClass" pour mon menu contextuel de l'objet tout comme le code ci-dessous

  $scope.getScore = function(){
  var popupScore = $ionicPopup.alert({

  title:'Score',
  template: 'Total XP points: 50',
  cssClass: '',
  buttons: [{
    text:'Return',
    type: 'button-assertive'
  }]}}

Comment procéderiez-vous dans ce cas? Devrais-je donner cssClass une valeur? (j'.e: cssClass = 'popupClass') et puis aller à mon fichier CSS et modifier la largeur de là?

OriginalL'auteur Batzi | 2015-09-17

  1. 21

    Il suffit de définir une classe mère et override .popup par défaut ionique de classe à l'intérieur de cette façon

       .my-custom-popup{
      .popup{
        //styling for popup width, width: 300px;
      }
      .popup-title{
        //styling for title
      }
    }

    et passer my-custom-popup dans cssClass

     var popupScore = $ionicPopup.alert({

  title:'Score',
  template: 'Total XP points: 50',
  cssClass: 'my-custom-popup',
  buttons: [{
    text:'Return',
    type: 'button-assertive'
  }]}}

    Voici la liste des classes que vous pouvez remplacer ou de le personnaliser à votre classe parent

    • .popup

    • .popup-tête

    • .popup-titre

    • .popup-sous-titre

    • .popup-corps

    • .popup-boutons.ligne

    • .popup-boutons .bouton

    Comme juste un avis, vous devrez peut-être utiliser !important pour obtenir des choses comme la largeur de travail. Grâce à @lulu88 pour l'info. Voir la discussion (et de son CodePen) ici: stackoverflow.com/a/37482545/52160

    OriginalL'auteur Mudasser Ajaz