openNtf debugToolbar UI wird durch das Bootstrap3-Design von extLib überschrieben

Question

Dies bezieht sich auf ein Xpages-Projekt, das openNtf Extension Library für Domino 9.0.1 V 16 (2016-01-28) verwendet. Es wird ein benutzerdefiniertes Design angewendet, das das Bootstrap3-Design von extLib erweitert. Jetzt habe ich auch das DebugBoolbar Plugin von Mark Leusink (V 4.0.1, 2014-03-10).
Leider sind alle Tabellen, die Anzeige in der Symbolleiste sind teilweise „zerstört“, wie in diesem Beispiel:

die resultierende HTML-Debugging sehe ich, dass die „label“ Zellen der Debug-Tabelle class="label" zugeordnet sind, oder class="label wide". Leider bootstrap.css wendet eine display: inline Art auf einen .label Selektor an.

Zur Zeit löste ich dies, indem ich meine eigene benutzerdefinierte CSS-Datei anwendete, um das Toolbar-Styling zurückzusetzen; aber ich frage mich, ob es vielleicht einen eleganteren Weg gibt, vielleicht eine Art von Eigentum, die ich hier einfach verpasst habe. Oder muss das im Quellcode der Toolbar gemacht werden?

Answer 1

Hoffentlich helfen Pauls und meine Einträge bei github und im Projekt openntf.org bei der Lösung dieses Problems. Inzwischen scheint mein Workaround die einzige Option zu sein;

Wie ich bereits erwähnt habe ich eine benutzerdefinierte Stylesheet nur eine Zeile darin:

div.dBar table.grid td.label{display:table-cell;} 

Dann habe ich eine cusom Kontrolle als Container für die Debug-Symbolleiste erstellt, so dass ich meine benutzerdefinierte Stylesheet verknüpfen könnte als eine Ressource. Das benutzerdefinierte Debug-Steuerelement wird schließlich zu allen xpages hinzugefügt, auf denen die Symbolleiste angezeigt werden soll.

Vielleicht kann dies auch anderen helfen.

Answer 2

Bitte fügen Sie dies als einen Fehler im Projekt hinzu, so dass der Beitragende dies erkennt und lösen kann.

Alternativ, laden Sie den Quellcode von https://github.com/OpenNTF/DebugToolbar, tragen Sie den Fix und machen Sie eine Pull-Anfrage.