2017-02-02 9 views
1

Ich habe einige Tasten, die ich möchte die Farbe ändern, aber nicht sicher, wie es geht. Code:Wie ändere ich die Hintergrundfarbe von sap.m.Button?

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

Wie in meinem Code gezeigt Ich verwende eine der Standardtypen, die von SAP zur Verfügung gestellt, aber ich kann nicht meine eigene Farbe festgelegt. Ich verwende auch eines der Symbole in ihrer Bibliothek, das verschiedene Schaltflächen mit unterschiedlichen Farben anzeigt, aber sie geben nicht an, wie diese Farben geändert werden sollen. https://sapui5.hana.ondemand.com/iconExplorer.html

Ich möchte es wie das grüne aussehen. Ist es völlig notwendig, die CSS zu überschreiben, um das Aussehen der Schaltfläche zu ändern?

Antwort

2

Ich nehme an mit "wie dem grünen", du meinst eine der Farben dieser rotierenden divs im Icon Explorer. Leider stammen diese Farben aus benutzerdefinierten CSS-Klassen. Sie sind in der Dokumentation nicht angegeben. Also ja, müssen Sie:

  • die Verwendung UI Theme Designer
  • schreiben your own CSS class obwohl es ist nicht zu empfehlen für Fiori apps

    SAP Fiori Launchpad-Anwendungen keine Stile außer Kraft setzen sollte.

Sie mehr über die Thematisierung hier lesen: https://ui5.sap.com/#/topic/497c27a8ee26426faacd2b8a1751794a

+0

Ich weiß nicht, warum die Verbindung kommen, es ist nicht, wie es sollte, hält es eher auf die Hauptseite zeigt als das spezifische Element Ich will zeigen. Jedenfalls meine ich nicht die rotierenden divs. Wenn du einen der Gegenstände öffnest, würdest du die Knöpfe unten (rot und grün) sehen, was ich will. Danke für den Link auch. – polaris

+0

@polaris: Ich verstehe. Diese "roten" und "grünen" Farben sind semantische Farben, die von Eigenschaften wie 'type' in [sap.m.Button] (https://openui5.hana.ondemand.com/#docs/api/symbols/sap.m) stammen .ButtonType.html). Wenn der Typ "Akzeptieren" ist, wird die Hintergrundfarbe des Buttons auf grün gesetzt (was positiv ist). – boghyon

+0

Sie haben Recht. Ich habe diese Eigenschaft bereits eingestellt, wie Sie in meinem Code sehen können, aber aus irgendeinem Grund funktioniert es nicht auf meiner Anwendung Es macht die Schaltflächen nicht vollständig rot/grün, nur die Kante. Nicht sicher, warum das passiert. Ich muss in diese – polaris

Verwandte Themen