MDL Navigation Layout in Google Apps-Skript

Question

Ich versuche, MDL-Navigation Layout Beispielcode von hier zu verwenden: https://getmdl.io/components/index.html#layout-section in Sidebar HTML-Code, siehe https://developers.google.com/apps-script/guides/dialogs.

Es wird nicht richtig dargestellt, wahrscheinlich wegen einiger Einschränkungen von iframe, das meinen HTML-Code in Google Apps-Skript ausführt.

Wer hat eine Idee, wie das zu beheben?

edit: Ich habe wirklich versucht, sogar copypasted Code von der ersten Verbindung, aber hier ist der Code, den ich habe:

<div class="mdl-layout mdl-js-layout"> 
    <header class="mdl-layout__header"> 
    <div class="mdl-layout__header-row"> 
     <!-- Title --> 
     <span id="title" class="mdl-layout-title"></span> 
     <!-- Add spacer, to align navigation to the right --> 
     <div class="mdl-layout-spacer"></div> 
    </div> 
    </header> 
    <div class="mdl-layout__drawer"> 
    <span class="mdl-layout-title">Cloudlytics</span> 
    <nav class="mdl-navigation"> 

     <a class="mdl-navigation__link" href="">Socialbakers Analyze</a> 
     <a class="mdl-navigation__link" href="">Help & FAQ</a> 
     <a class="mdl-navigation__link" href="">Log out</a> 
    </nav> 
    </div> 
    <main class="mdl-layout__content"> 

    <div id="things"><div class="mdl-progress mdl-js-progress mdl-progress__indeterminate"></div></div> 
    </main> 
</div> 

Answer 1

Sidebars haben eine feste Breite (300px) in Google Apps so Ihre MDL Layout durch das gebunden ist Zwang. Möglicherweise müssen Sie MDLs CSS-Dateien mit eigenen Stilen überschreiben, damit sie diese Einschränkung einhalten können.