2017-02-02 2 views
1

J'ai quelques boutons dont je voudrais changer la couleur mais je ne sais pas comment le faire. Code :Comment changer la couleur de fond de sap.m.Button?

<Button id="evalPriceButton" text="Evaluate Price" icon="sap-icon://sales-order" type="Accept" press="onPricePress" /> 

Comme le montre dans mon code que je utilise l'un des types par défaut fournis par la sève, mais je ne peux pas mettre ma propre couleur. J'utilise également l'une des icônes fournies dans leur bibliothèque qui montre différents boutons avec des couleurs différentes, mais ils ne spécifient pas comment changer ces couleurs. https://sapui5.hana.ondemand.com/iconExplorer.html

Je veux qu'il ressemble au vert. Est-il nécessaire de surcharger le CSS pour modifier l'apparence du bouton?

Répondre

2

Je suppose que par "comme le vert", vous voulez dire l'une des couleurs de ces divs en rotation dans l'Icon Explorer. Malheureusement, ces couleurs proviennent de classes CSS personnalisées. Ils ne sont pas spécifiés dans la documentation. Alors oui, vous devez:

  • Utilisez le UI Theme Designer
  • Ecrire your own CSS class bien qu'il soit recommandé pas pour Fiori apps

    SAP Fiori applications Launchpad ne doivent pas remplacer les styles.

Vous pouvez en savoir plus sur la thématisation ici: https://ui5.sap.com/#/topic/497c27a8ee26426faacd2b8a1751794a

+0

Je ne sais pas pourquoi le lien, il ne vient pas comme il le devrait, il continue à pointer vers la page principale plutôt que l'élément spécifique Je veux montrer. Quoi qu'il en soit, non, je ne parle pas des divs en rotation. Si vous ouvrez l'un des éléments, vous verrez les boutons en bas (rouge et vert), c'est ce que je veux. Merci pour le lien aussi. – polaris

+0

@polaris: Je vois. Ces couleurs "rouge" et "verte" sont des couleurs sémantiques provenant de propriétés comme 'type' dans [sap.m.Button] (https://openui5.hana.ondemand.com/#docs/api/symbols/sap.m .ButtonType.html). Si le type est "Accepter", le bouton définira sa couleur de fond sur vert (sens positif). – boghyon

+0

vous avez raison. J'ai déjà cette propriété définie comme vous pouvez le voir dans mon code, mais pour une raison quelconque, il ne fonctionne pas sur mon application Il ne rend pas les boutons entièrement rouge/vert, seul le bord. Je ne sais pas pourquoi cela arrive. J'ai besoin de regarder dans ce – polaris