Klasseneigenschaft wird nicht zu HTML hinzugefügt, während openui5 XML konvertiert

Question

Ich füge "footerAlarms" -Wert in XML-Ansicht hinzu, aber in HTML-Version wird es nicht im Browser angezeigt. Was kann ich tun, um die Klassenfußzeilen in der HTML-Ansicht zu sehen?

<footer class="footerAlarms"> 
      <Toolbar> 
       <ToolbarSpacer/>  
       <Link text="{i18n>readMeOss}" press="openSourceFileDownload" class="sapUiMediumMarginBegin LinkOss"/>           
      </Toolbar> 
</footer> 


footer.footerAlarms { 
    height: 42px !important; 
    width:calc(100%-32px); 
    margin:0 16px 0 16px !important; 
    background: #FFFFFF !important; 
    box-shadow: 
    0 1px 0 0 rgba(255,255,255,0.60), 
    inset 0 -1px 0 0 rgba(115,100,90,0.16); 
} 

Answer 1

Meine Arbeit um

onAfterRendering : function(){ 
    $("footer").addClass("footerAlarms"); 
    } 

CSS

.footerAlarms { 
    height: 42px !important; 
    // space is needed for the value inside braces below 
    width:calc(100% - 32px); 
    margin:0 16px 0 16px !important; 
    background: #FFFFFF !important; 
    box-shadow: 
    0 1px 0 0 rgba(255,255,255,0.60), 
    inset 0 -1px 0 0 rgba(115,100,90,0.16); 
} 

Answer 2

Sie haben vergessen, Punkt vor footer.footerAlarms, so soll es sein:

.footer.footerAlarms { 
    height: 42px !important; 
    width:calc(100%-32px); 
    margin:0 16px 0 16px !important; 
    background: #FFFFFF !important; 
    box-shadow: 
    0 1px 0 0 rgba(255,255,255,0.60), 
    inset 0 -1px 0 0 rgba(115,100,90,0.16); 
} 

Edited 291117 15.27:

Sorry, so versuchen Sie dies:

.footerAlarms { 
     height: 42px !important; 
     width:calc(100%-32px); 
     margin:0 16px 0 16px !important; 
     background: #FFFFFF !important; 
     box-shadow: 
     0 1px 0 0 rgba(255,255,255,0.60), 
     inset 0 -1px 0 0 rgba(115,100,90,0.16); 
    }