CSS in Ninox
Hallo zusammen,
gibt es irgendwo eine Dokumentation darüber, wie ich mit CSS in der Web-App verschiedene Elemente gestalten kann?
Beispielsweise würde ich gerne alle Buttons einheitlich gestalten und nicht jeden einzeln mühsam konfigurieren.
Oder zum Beispiel das aktive Feld stärker hervorheben.
Gibt es irgendwo eine Liste, wie die einzelnen Elemente heißen? Vielleicht sogar eine Beispiel-Datenbank?
viel Dank im Voraus
Johannes
1 Antwort
-
Hallo Johannes. Hier https://forum.ninox.com/t/g9ymv0g im englischen Forum wurde darüber mal diskutiert. Eine Einstellung für Button habe ich selbst nie gefunden. Ein Beispiel für zum Beispiel ein Datumfeld mit opulenter/sinnfreier Formatierung ist dieses. Es wechselt die Farbe, wenn das Datum vor today() liegt. Der Code muss in ein Funktionsfeld auf der gleichen Seite/Formular/Tab wie das Datumfeld. Mirko
let textcolor := if date < today() then "firebrick" else "darkslategray" end; let bordercolor := if date < today() then "firebrick" else "darkolivegreen" end; html(" <style> /*allgemeine Formatierung*/ .component.editor.editor-date{ font-family:didot; border-radius:.3em; border:.5em inset " + bordercolor + "; background-color: #c6d8a6; text-align:center; font-size:20px; color:" + textcolor + "; } .component.editor.editor-date .nx-input{ background-color: #c6d8a6; border:thin solid #c6d8a6; } /*wandelt Standardcursor beim hover in pointer um*/ .component.editor.editor-date .nx-input:hover{ cursor:pointer; } /*während der Eingabe wird das innere Eingabefeld formatiert*/ .component.editor.editor-date .nx-input__input{ background-color:#c6d8a6; text-align:center; } /*Formatierung des Feldnamens, wenn er als 'Platzhalter' in den Feldeinstellungen ausgewählt ist*/ .component.editor.editor-date .nx-input--placeholder{ color:darkolivegreen; background-color:#c6d8a6; font-size:18px; text-align:center; } </style> ")
Content aside
- vor 8 TagenZuletzt aktiv
- 1Antworten
- 37Ansichten
-
2
Folge bereits
