Tag: materialize

Ein open-Source, moderne, responsive front-end framework, basierend auf Material Design

Hinzufügen von HTML-markup zu materialisieren.css tooltip

Anzahl der Antworten 3 Antworten
Gibt es eine Möglichkeit zum hinzufügen von HTML-markup, um die QuickInfo materialisieren? Ich versuche zu ordnen einige Daten-definition, - Liste in einem QuickInfo. Ich versucht, um es direkt in das data-tooltip-Attribut, aber es scheint nicht zu erkennen,

Wie kann ich mithilfe von JavaScript-code, der im Winkel 7?

Anzahl der Antworten 3 Antworten
Ich versuche, mich ein Klapp-Navigationsleiste mit Hilfe der MaterializeCSS beim Einsatz auf Handy-Bildschirm und verwenden müssen, um JavaScript-code in es. Wo sollte ich schreiben diesem JavaScript-code? Dies ist der code den ich verwenden möchte: **$(document).ready(function(){ $('.sidenav').sidenav(); });**

Materialisieren dropdown und sidenav funktioniert nicht

Anzahl der Antworten 3 Antworten
Ich bin mit Materialisieren für mein design. Die Dropdownliste, und der sidenav nicht funktioniert. Die Konsole gibt keine Fehler und ich habe Initialisierung der Skripts nach jQuery-genau wie die materializecss.js. Hier der code: <!-- Compiled and minified

Warum ist materialisieren funktioniert nicht mit reactjs

Anzahl der Antworten 2 Antworten
Habe ich eine statische web-Seite mit einstellen.css-Bibliothek, wenn ich versuchte, Sie zu bewegen, einige Komponenten zu reagieren, aber Sie funktionieren nicht. Dies ist mein html-boilerplate <!DOCTYPE html> <html> <head> <!--Import materialize.css--> <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/> <!--Let

Fehler "ReferenceError: $ ist nicht definiert" mit reagieren-materialisieren

Anzahl der Antworten 1 Antworten
Ich bin relativ neu zu Reagieren/Webpack und ich möchte Materialisieren CSS, aber ich erhalte eine Fehlermeldung über nicht erkennen jQuery in meinem code. Ich weiß nicht, wo zu beginnen. Habe ich eine einfache Reagieren Komponente als so:

Bestätigen Sie den Dialog in Materialize.js

Anzahl der Antworten 3 Antworten
Ich bin mit Materialize.js (Materializecss Framework) für die Entwicklung von responsive HTML-Seiten. Ich möchte eine confirm-dialog für meine Anforderung aber Meterialize.js unterstützt es nicht. Ist es, dass Materialize.js ist nicht mit dialog bestätigen-oder ich bin nicht in

Angular2 - MaterializeCSS: Modale Dialoge nicht öffnen

Anzahl der Antworten 4 Antworten
Ich bin mit Angular2 mit materializecss. Im moment bin ich versucht zu erstellen, modale Dialoge, die sich öffnen, auf den button klicken. Es gibt auch ein Beispiel in den docs https://www.npmjs.com/package/angular2-materialize. Bin ich auch mit einem materilize-wählen

Wie kann ich die initialisieren angular2 materialisieren Komponente?

Anzahl der Antworten 2 Antworten
Ich gerade angefangen mit angular2 materialisieren und die CSS-Komponenten funktionieren. Allerdings, wenn ich eine Komponente, die die Bedürfnisse der Initialisierung (wie select) ich habe keine Ahnung, wie oder wo, das zu tun. Dies ist ein Ausschnitt von

materializeCSS zusammenklappbaren aktiven Symbol ändern.

Anzahl der Antworten 3 Antworten
Ich bin auf der Suche nach etwas Hilfe mit klappbaren ich bin versucht zu ändern, das Symbol in der Kopfzeilen, wenn Sie aktiv sind, aber nicht scheinen, um das problem zu lösen, wenn ich auf einem anderen

Materialisieren Cssmodal zeigen $(..)leanmodal ist nicht ein Fehler einer Funktion

Anzahl der Antworten 4 Antworten
Wenn ich versuche zu erstellen, ein materialisieren css moal unter den unten angegebenen code , ich bin immer Fehler. HTML: <script src="~/Scripts/jquery-1.10.2.js"></script> <link href="~/css/materialize.css" rel="stylesheet" /> <script src="~/js/materialize.js"></script> <a id="btnReset" class="waves-effect waves-light btn modal-trigger" data-target="modal1">Reset</a> <!-- Modal

Materialisieren CSS - Select-Liste Validation

Anzahl der Antworten 3 Antworten
Bei dem Versuch, eine Dritte Partei, die jQuery Validation Bibliothek mit Materialisieren, ich bin nicht in der Lage zu überprüfen, Wählen Sie Listen. Ich Frage mich, ob jemand in der Lage ist oder weiß, wie man mit

Anzeige Datepicker, wenn ich auf die Schaltfläche klicke

Anzahl der Antworten 3 Antworten
Ich würde gerne die Anzeige der datepicker, wenn ich auf den button klicken. Ich habe versucht, aber ich konnte nicht damit es funktioniert. Ich bin mit Materialisieren Css. Ich habe versucht, zu verwenden, input type text, aber

Wie kann ich ein Material Design-Ikone als CSS-background-image-Wert?

Anzahl der Antworten 2 Antworten
Ich bin mit materializecss also ich habe bereits das material-design-icons zur Verfügung. Wie kann ich als background-image Wert in mein CSS-code (SASS eigentlich)? Sieht aus wie die Dokumente zeigen, dass die SVGs zur Verfügung stehen, so könnte

MaterializeCSS Karussell nicht funktioniert

Anzahl der Antworten 1 Antworten
Dies ist kein Duplikat von diese. Im Gegensatz zu den Ich habe versucht, umfassen die MaterializeCSS Karussell in eine web-Seite, und ich bin mit der neuesten MaterializeCSS-Dateien. Alle anderen Komponenten arbeiten einwandfrei, bis auf das Karussell. Habe

Abstand Zwischen Zeilen mit Materialisieren CSS

Anzahl der Antworten 4 Antworten
Mit MaterializeCSS, wie kann ich das einstellen/entfernen der vertikale Abstand zwischen den Zeilen? Beispiel-code: <div class="row"> <div class="col s12" style="text-align: center;"> foobar </div> </div> <div class="row"> <div class="col s12" style="text-align: center;"> 12345 </div> </div> InformationsquelleAutor Crash Override

MaterializeCSS wie kann ich sicherstellen, Zeile, Spalte, Höhe und der gleichen?

Anzahl der Antworten 3 Antworten
Habe ich ein Grundraster auf materializeCSS mein problem ist meine Spalte ist nicht die gleiche Höhe, so dass mein layout wurde ein Chaos. Ich weiß, das hat schon Fragen, bootstrap, aber keine Lösung funktioniert bei mir in

Ändern Sie die Farbe der checkbox im Rahmen Materialisieren

Anzahl der Antworten 3 Antworten
Ich arbeite derzeit mit der Ahmadiyya-framework und Fragen sich, ist es möglich, ändern Sie die Farbe der ausgefüllten Kontrollkästchen, wie es grün ist auf default. <input type="checkbox" class="filled-in" id="filled-in-box" checked="checked" /> <label for="filled-in-box">Filled in</label> Irgendwelche Ideen würde

Wie materialisieren-css-npm-Paket mit webpack

Anzahl der Antworten 2 Antworten
Ich Schreibe eine client-seitige Anwendung, die mit Webpack, und ich kann nicht herausfinden, wie zu verlangen, die materialisieren-css-Paket. Ich bin mit Henrik Joreteg die hjs-webpack-Paket, und mit diesem die yeticss npm-Paket enthalten ist, durch einen import in

Materialisieren datepicker SelectOnClose nicht funktioniert

Anzahl der Antworten 6 Antworten
Ich versuche zu schaffen, ein datepicker mit Materialisieren. Nach der Dokumentation der datepicker soll schließen, wenn der Benutzer wählt ein Datum. Das ist nicht meine Seite. Ich benutze den neuesten Chrome-browser auf Windows. Ich habe versucht, IE-browser,

Materialisieren dropdown funktioniert nicht

Anzahl der Antworten 6 Antworten
Ich versuche, mich ein dropdown-Menü in einer Seitenleiste mit Materialisieren, aber es funktioniert nicht. die Breite des dropdown ist nicht das gleiche wie die Auslöser und die Polsterung verschieben Sie den Anker an das Ende der Liste

Wird Materialisieren Navbar Höhenverstellung möglich?

Anzahl der Antworten 2 Antworten
Ist es möglich, stellen Sie die Höhe der Navbar im Materialisieren? 64px ist ein bisschen zu viel für meine Website. Ich wollte für 30px bevor ich beschlossen, es materialisieren. InformationsquelleAutor Predrag Stojadinović | 2016-02-22

ändern Sie die Größe der Karte-Ansicht in materializecss

Anzahl der Antworten 2 Antworten
Ich bin mit materializecss Rahmen , ich möchte wissen, wie ich das ändern kann die Größe der Komponenten, in, dass , Zum Beispiel, bin ich mit hoverable Karte anzeigen und ich möchte die Größe für die Breite

Wie man multi-select-dropdown-Liste im Materialisieren css?

Anzahl der Antworten 3 Antworten
Arbeite ich an einem Projekt, das verwendet Materialisieren css für front-end. Gibt es eine Möglichkeit, um multi-select-option für dropdown in Materialisieren css ? Jedem Stück info wäre hilfreich. InformationsquelleAutor freshtoUI | 2015-05-13

Materialisieren Grafikkarten in einer Zeile

Anzahl der Antworten 3 Antworten
Ich bin mit Materialisieren CSS-Karten, die gefunden werden können hier: http://materializecss.com/cards.html Erstellt habe ich die Karten aber das problem ist, dass die Karten nicht in einer Zeile angezeigt. Ich will, dass Sie reagieren, so, wenn die Seite

Ändern Sie die Textfarbe auf eine nav-Leiste mit Materialisieren CSS (rails)

Anzahl der Antworten 4 Antworten
Ich möchte eine Navigationsleiste mit einem weißen hintergrund und schwarzen text, aber nicht in der Lage gewesen, um den text in der links in der navbar alles sein, aber weiß. Dinge, die ich versucht habe: - hinzufügen

Materializecss icons nicht funktioniert?

Anzahl der Antworten 4 Antworten
Ich bin mit materializecss. Aber ich kann Sie nicht mit den Symbolen arbeiten, Sie sagt, das Wort aber nicht zeigen das Symbol? Habe ich die materializecss und die js aber immer noch nicht funktioniert... Weiss jemand wie

Ist es möglich, die materialisieren.css-modal größer und entfernen Sie die vertikale scroll-Leiste?

Anzahl der Antworten 1 Antworten
Ich gerade erstellten buttons, öffnet sich ein modal-einmal anklicken und jede Taste kann mit einer modalen, das zeigt eine andere übung gif. Aber die modals sind zu klein und es verhindert, dass der Benutzer zu sehen, die

Materializecss div vertikal zentriert

Anzahl der Antworten 7 Antworten
Ich bin mit materializecss und ich möchte meine DIV vertikal zentriert, die sauber und vielleicht materializecss Weg? HTML: <div class="container"> <div class="row"> <div class="col s12 infobox center"> <div class="col s6"> <div class="card grey darken-3"> <div class="card-content white-text">

Materialisieren autocomplete mit dynamischen Daten in jquery ajax

Anzahl der Antworten 4 Antworten
Ich bin mit materialisieren ui in einem ASP.Net MVC-Anwendung, und ich bin mit einer AutoVervollständigen-Steuerelement mit dynamischen Daten. Hier ist mein code, <div class="row"> <div class="col s12"> <div class="row"> <div class="input-field col s12"> <i class="material-icons prefix">textsms</i> <input

Materialisieren Erstellen und Modal Öffnen

Anzahl der Antworten 1 Antworten
Ich wan ' T, um erstellen Sie ein Modales mit Materialisieren und Öffnen Sie Sie mit einem Taste klicken. Ich benutzt den code aus der Modalen Seite, aber es ist irgendwie nicht funktioniert. Vielleicht kann jemand helfen.

Wie erhöhen Sie die Größe der Karussell in materialisieren.css?

Anzahl der Antworten 8 Antworten
Ich versuche die Größe zu erhöhen Karussell in materialisieren.css, aber konnte es nicht. Ich habe versucht Einstellung der Höhe aber es hat nicht funktioniert. Ich habe es gegoogelt konnte aber nichts finden, keine Lösungen. Könnte mir jemand

Wie funktioniert ein center-richten Sie eine Schaltfläche mit Materialisieren CSS?

Anzahl der Antworten 3 Antworten
Ich kann nicht scheinen zu finden, einer Dokumentation über die Materialisieren website bezüglich der Positionierung von Elementen. Kann mir jemand helfen-center diese Taste? Vielen Dank im Voraus. <div id="div"> <a class="waves-effect waves-light btn-large blue"><i class="material-icons right">cloud</i>Enter</a> </div>

Wie kann ich öffnen Sie ein materialisieren modal, wenn ein Fenster fertig ist?

Anzahl der Antworten 7 Antworten
Möchte ich öffnen Sie ein modales Fenster, wenn der Benutzer in einem Fenster, ich meine, öffnen Sie ein modales ohne eine trigger-Taste, ich habe dieses Beispiel. <button data-target="modal1" class="btn modal-trigger" id="btn-1">Modal</button> <div id="modal1" class="modal modal-fixed-footer"> <div class="modal-content">

Benachrichtigung erstellen mit materialisieren css

Anzahl der Antworten 6 Antworten
Möchte ich eine Warnung erstellen, die mithilfe materialisieren css. Ich weiß nicht, wie. Bitte helfen Sie. Ich will einfach nur das erstellen einer einfachen html-Code, wird eine Meldung angezeigt, Fehler ohne Verwendung von javascript. Danke. welche Art

So wählen Sie zwischen den Datumsbereich auf ein eintreten für die Datumsauswahl

Anzahl der Antworten 1 Antworten
Ich habe eine materialisieren Datumsauswahl die mir erlaubt, zu wählen zwischen 10 Tagen in aktuellen Datum. Aber ich möchte wählen zwischen 16/05/2016, 19/05/2016 Termine und sonstige Termine werden deaktiviert, auf der Datum-picker (Benutzer können wählen Sie andere

Materialisieren CSS Benutzerdefinierte Formular-Validierung Fehlermeldung

Anzahl der Antworten 3 Antworten
jeder! Ich werde versuchen, um mein Anmeldeformular mit Materialisieren, CSS-und jQuery-Validation-plugin (https://jqueryvalidation.org/). Wollte nur wissen, wie ich die benutzerdefinierten Fehlermeldungen, die hatte ich für jede Validierungsregel in den plugin in das data-error-Attribut des input-Elements? Entsprechend zu Materialisieren,

Wie kann ich das Untermenü in der MaterializeCSS dropdown?

Anzahl der Antworten 0 Antworten
Ich versuche, ein dropdown-Untermenü innerhalb eines Drop-down-Menü mit MaterializeCSS Rahmen. Ich habe versucht mit folgenden code, aber es hat nicht funktioniert. <!-- this the main dropdown --> <ul id="MainDropDown" class="dropdown-content"> <li><a href="#" class="dropdown-button" data-beloworigin="true" data-contrainwidth="false" data-gutter="30" data-alignment="right"

Wie fügen Sie ein Suchfeld mit-Symbol, um die Navigationsleiste mit materialisieren css?

Anzahl der Antworten 2 Antworten
Möchte ich einbetten eines einfache-Eingabe-Suchfeld ein. Ich habe versucht, verwenden Sie code wie in bootstrap, aber ich Schaffe es nicht zu arbeiten. Ich habe keine Ahnung, wie es zu tun. Ich habe diesen bootstrap-code: <div class="col-sm-3 col-md-3

Wie Sie in der Nähe Materialisieren modal, nur wenn der Benutzer klickt auf close-btn?

Anzahl der Antworten 8 Antworten
Möchte ich schließen -, modal -, NUR wenn der Benutzer klickt auf Schaltfläche "schließen". Ich weiß, wie man dies in der Bootstrap. Können Sie helfen mit Materialisieren? InformationsquelleAutor Brightest.Sirius | 2015-12-19

Materialisieren CSS select-Anweisung nicht angezeigt

Anzahl der Antworten 2 Antworten
Obwohl diese Frage schon gefragt wurde in diesem thread: Materialisieren CSS - Wählen Sie Scheint nicht zu Erbringen Ich bin Probleme mit, wo dieser code: $(document).ready(function() { $('select').material_select(); }); Im moment die logischste was ich mir vorstellen

Erstellen von responsive materialisieren Karten

Anzahl der Antworten 2 Antworten
Verwenden wir materialisieren, Karten, Bilder auf unserer Website. Die Bilder sind user hochgeladen, so dass Sie kommen in allen verschiedenen Größen (obwohl Sie größer als 250px). Sind wir in der Lage zu halten das Seitenverhältnis der Bilder,

So ändern Sie die Textfarbe in einem Materializecss wählen Sie im dropdown?

Anzahl der Antworten 5 Antworten
Ich habe eine Materializecss dropdown auswählen, so: <form class="col s12"> <select id="something" [ngModel]="_model.selectedPartyType" (ngModelChange)="onSelectChange($event)" name="partyTypeSelection" materialize="material_select" class="input-field col s12 m12 l4" > <optgroup *ngFor="let data of _model.codeTable.codeTokensG" [label]="data[0]"> <option *ngFor="let cValue of data[1]" [value]="cValue"> {{_model.codeTable.getCode(cValue).description}} </ option>

Material-design-icons, wie Sie Mitte Sie als text?

Anzahl der Antworten 4 Antworten
Ich versucht habe zu tun, eine Art Navigationsleiste mit MaterializeCSS mit 3 links, die jeweils 33% Breite der navbar und ich wollen, zentrieren Sie den text innerhalb der links (auch die Symbole) Wenn ich nicht setzen Sie

überlagern eines Bildes mit text Materialisieren CSS

Anzahl der Antworten 1 Antworten
Ich habe versucht, mehrere Möglichkeiten, um die overlay-hintergrund-Bild mit text, ohne Erfolg. Die Vorlage, die auf der materializeCSS website beinhaltet Parallaxe, die ich nicht will. Ziel ist es, eine 'Karte' sitzen oben auf ein großes Bild, die

Materialisieren Css-Tooltip

Anzahl der Antworten 3 Antworten
Ich Frage mich, ist es möglich, dass jeder tooltip eine andere Hintergrundfarbe einstellen.css-framework? Wenn die QuickInfo aktiviert ist, sehe ich keine zusätzliche markup generiert, in der Inspektor, kann daher nicht Ziel mit CSS. InformationsquelleAutor Mareks | 2015-11-08

ReactJS Kopf-und Fußzeile

Anzahl der Antworten 1 Antworten
Ich versuche zu erstellen Layout Komponente zu machen, müsste die Header und Fußzeile. So kann ich später auf die Verwendung der Layout wie <Layout> ... </Layout> Benutzt habe ich das Routing in der Kopf-und Fußzeile, natürlich. Um

Materialisieren machen Bilder responsive slider

Anzahl der Antworten 3 Antworten
Ich versuche eine website zu entwickeln, die mit Materialisieren und es ist ein slider-Website. Materialisieren ist reaktionsschnell und funktioniert auch bei verschiedenen Auflösungen. Wenn ich allerdings verringern Sie die Bildgröße, die regler Breite abnimmt (wie es sein

Modaler dialog mit festen header und footer und scrollbare Inhalte

Anzahl der Antworten 1 Antworten
Ich versuche zu schaffen, die ein modales Dialogfeld, das hat einen festen header und footer und der content (in diesem Fall die Liste der Benutzer) innerhalb der modale dialog ist Scrollbar... Mein bester Versuch bisher hat mir

Wie überprüft wird, wählen Sie die option für ein Materialisieren dropdown?

Anzahl der Antworten 6 Antworten
Ich habe eine select-box mit materializecss. <select id="type" name="type" required="required" class="validate"> <option value="" disabled="true" selected="selected">Choose your option</option> <option value="general">General</option> <option value="tech">Tech</option> <option value="person">Personnel</option> <option value="resource">Resourcing</option> </select> <label data-error="Select an option">Type of Question</label> Ich soll dem Benutzer eine

Materialisieren CSS-Sidenav und Inhalt

Anzahl der Antworten 3 Antworten
Ich bin mit Materialize CSS design mein portfolio und habe einige Probleme jetzt. Der screenshot von dem, was meine website sieht denn nun ist: Wie Sie sehen können, die Über Teil ist unter dem nav, das ist