Schaltfläche zum Formatieren mit einem standardmäßigen SAPUI5-Symbol

Question

Wie style Knopf mit einem Standard-SAPUI5-Symbol?

<Button 
     icon="sap-icon://notes" 
     text="Справки" 
     press="onOpenRef" 
     class=" sapThemeHighlight-asBackgroundColor "/> 

Es ist notwendig, dass der Knopf in Form eines Kreises und grün war.

Wie kann ich es tun (vorzugsweise Standard SAPUI5 Methoden)? Danke.

Answer 1

Um es grün zu machen, könnten Sie den ButtonType Accept verwenden, obwohl das eine semantische Bedeutung haben könnte.

SAPUI5 selbst bietet keine Eigenschaft auf der Schaltfläche, um es rund zu machen, so dass Sie stattdessen CSS verwenden müssten. Um eine Schaltfläche wie in Ihrem Bild zu erstellen, fügen Sie die Artklasse roundButton und die folgende CSS Stylesheet hinzufügen:

.roundButton .sapMBtnInner { 
    border-radius: 2.5rem; 
} 

Erstellen der Schaltfläche in XML:

<Button class="roundButton" icon="sap-icon://notes" tooltip="Справки" type="Accept" /> 

und JavaScript:

new sap.m.Button({ 
    icon: "sap-icon://notes", 
    tooltip: "Справки", 
    type: "Accept" 
}).addStyleClass("roundButton");