Tag: semantic-ui
Semantic UI ist ein Entwicklungs-framework für die Erstellung von responsive layouts mit Menschen-freundliche HTML und Javascript.
Fix Breite einer Spalte in eine Zeile in Semantic ui
3 Antworten
Wie kann ich zwei Spalten in einer Zeile in Semantic-UI, die einer Spalte eine fixe Breite und ändert sich nicht mit der Größenänderung des browser? Habe ich versucht, diese, aber etwas ging schief: <div class="ui grid container">
Semantic UI, Positionierung von Etiketten
3 Antworten
Bin ich mit einem Kontrollkästchen in Semantic UI. Ich würde gerne wechseln die position des label und der input, sondern es erweist sich als eine Art Schmerz. Ich bin mit der toggle-checkbox. <div class="ui toggle checkbox"> <input
Semantic-UI: Wie ändern dimmer Hintergrundfarbe?
1 Antworten
Möchte ich die Farbe ändern der dimmer meiner modal, aber ich kann nicht! was soll ich tun? <div class="ui modal"> <i class="close icon"></i> <div class="header"> Profile Picture </div> <div class="content"> <p>sth</p> </div> <div class="actions"> <div class="ui black
Richtige Weg, um Dynamisch Hinzufügen, Semantic-UI-Steuerelemente?
3 Antworten
Ich versuche, wickeln Sie meinen Kopf herum Semantic UI und ich verstehe, wie alles gesteuert wird, welche Klasse Sie geben ein DOM-element, aber ich kann nicht wirklich, dass die Arbeit beim hinzufügen neuer DOM-Elemente dynamisch. Es scheint,
Wie ändere ich die Farbe von Semantic UI-Symbole?
4 Antworten
Kann ich machen Daumen hoch " - Zeichen mit dem code <i class="thumbs up icon large"></i> Aber wie kann ich die Farbe ändern von schwarz zu Grau? Ich Tue es für eine chrome-Erweiterung und füge ich die
Warum die Installation von Semantic-UI, die über npm findet jQuery & wirft einen Referenz-Fehler zu?
2 Antworten
Hy, Bin ich versucht zu installieren, der CSS-Framework "Semantic UI" auf einem Windows 10-PC mit npm aus node.js. Habe ich folgte die offizielle installieren-Anleitung gezielt. Habe ich erfolgreich installiert node.js (v4.0.0) mit der offizielle Windows Installer. Eingegeben
Schaltfläche anfügen, um semantic-ui-sidebar
2 Antworten
Ich versuche, eine einfache sidebar, wie das auf semantic-ui.com außer, dass ich möchte, dass es auf der rechten Seite. Scheint einfach, außer immer den Knopf zu befestigen ist mein größtes Problem. Sie sehen es auf jsfiddle, Art
Semantic-UI-reagieren fester Seitenleiste
4 Antworten
Habe Gegoogelt, gesucht, innerhalb von semantic ui ist docs und Probleme Seite und durchsucht werden, innerhalb von stackoverflow. Konnte die Antwort nicht finden. Innerhalb der Semantic-ui-reagieren, wie mache ich eine Seitenleiste, deren Inhalt ist fest mit dem
Semantic UI Radio-Buttons nicht aktivieren, wenn Sie auf das label
4 Antworten
Wie der Titel schon sagt, die radio-buttons nicht aktivieren, wenn das Etikett (tex) geklickt wird. Aber es scheint gut zu funktionieren, die auf Semantischen Ort. Semantic UI-Dokumentation mit funktionierenden radio-buttons: http://semantic-ui.com/modules/checkbox.html Den folgenden Beispiel-code wird direkt aus
Semantic-ui: bestimmen, wenn die checkbox aktiviert ist oder nicht
2 Antworten
Mein code ist die Verwendung der semantic-ui-checkbox-Modul. Ich habe vier Kontrollkästchen. Der code braucht, um zu bestimmen, wenn alle chekboxes deaktiviert sind. Html-Code für eine der Checkboxen: <div class="inline field"> <div class="ui toggle checkbox insurance"> <input type="checkbox"
Semantic-UI-sidebar mit festen top-Menü
3 Antworten
Semantic-UI warnt vor auf seine die sidebar Seite, dass "Fixed-position-Inhalten kann es zu Problemen bei der änderung seiner position, wenn eine sidebar erscheint." Es bietet dann zwei mögliche Lösungen für das problem. Überraschend, auf der selben Seite
Semantic UI-Zentrum ausgerichtet login-box?
3 Antworten
Ich bin mit der Semantic-UI-framework für meine website. Ich möchte die login box in der Mitte der Seite.Ich möchte nur das login-Feld auf der Seite. Ich verstehe nicht, wie man ins Zentrum ausgerichtet mit Semantic UI 'grid-Klassen'.
Semantic UI zentriert non-fluid-Menü?
4 Antworten
Ich habe zwei Menüs, eins ist fest mit dem Boden und anderen festen an die Spitze. Mein problem ist zwei-Fach. Ich will, dass Sie erscheinen in der Mitte des Bildschirm und nur die Breite Ihrer Inhalte (anstatt
Semantic UI: Multi-Select-Dropdown-pre-Werte auswählen
2 Antworten
Arbeite ich am Aufbau einer web-Seite mit Semantic-UI-Framework. Ich bin neu sowohl UI-frameworks und jquery. Ich bin mit einer multi-select-Dropdown-Komponente zu wählen Rollen für einen Benutzer. Ich bin in der Lage, implementieren Sie die Dropdownliste, und wählen
Wie man die sidebar immer sichtbar ist in der Semantic-UI
2 Antworten
Wie man die sidebar immer sichtbar ist in der Semantic-UI? Einfach, indem die "active" css-Klasse funktioniert, aber vermasselt Seitenlayout. There is a working example on jsFiddle. Hast du ein code-Beispiel, das Sie teilen können? InformationsquelleAutor emix |
Semantic UI-footer am Ende
1 Antworten
Bin ich mit Semantic-UI in meinem Projekt. Ich habe eine index Seite, funktioniert alles ok mit den Elementen (navbar, footer, etc). Nun Im dev ein signup-Seite, aber Fußzeile nicht geht an das Ende der Seite, was kann
Semantic UI - Thema Ändern
1 Antworten
Komme ich nicht an die theme-Auswahl arbeiten im Semantic UI. Ich versuche, Folgen Sie den Anweisungen in der workflow-Abschnitt der Dokumentation: Dateien in der examples/ Ordner Ihres Projektes nützlich sein kann für die Prüfung der änderungen in
Semantic-ui-dropdown funktioniert nicht
3 Antworten
Ich habe einen Problem der Integration ein dropdown-Menü in meinem HTML-Formular. Ich habe versucht, alles, was ich tun kann und was ich online gefunden, aber es funktioniert immer noch nicht. Ich fand, dass dieser code ordnungsgemäß ausgeführt
Top navbar zu überschneidungen mit den wichtigsten Inhalten
3 Antworten
Ich die Umwandlung meiner landing-page von Bootstrap zu Semantic-UI. Die Seite hat eine position fixed top-navbar. Der wesentliche Inhalt ist aufgeteilt in zwei Spalten (3-cols-und 9-cols). Die linke Spalte wird verwendet, um zu zeigen, eine sidebar und
Semantic UI: Wie definieren Sie den ausgewählten Artikel von such-dropdown ("<select>")?
3 Antworten
wie kann ich das ausgewählte Element einer such-dropdown - (select -) - Formular-Feld? Ich versuchte es mit den folgenden jQuery - /JavaScript-code: if (equal == 0) { $('#sj_company').html($('#sj_company').html() + '<option value="' + key + '" selected="selected">' +
wie zu verwenden semantic-ui modal
4 Antworten
problem habe ich mit semantic-ui modal, wenn ich auf Bestellung, die ich zeigen würde -, modal-aber modal ist, funktioniert nicht gut. Nachdem ich auf Bestellung modal, modale kurz zeigte und dann von sich aus geschlossen. anzeigen-code <div
Wie erweitern Sie die Breite von Eingang in Semantischen Reagieren UI?
1 Antworten
Arbeite ich mit Reactjs Projekt, und ich benutze Semantic UI Reagieren zu verschönern die Input. Es scheint jedoch, dass Input immer ist, zeigte sich in Standard-Größe. Wie kann ich die Größe seiner horizontalen Breite ? Ich Folgen
Höhe Spalten mit zentrierten Inhalten in flexbox
1 Antworten
Ich würde gerne zwei Spalten gleich hoch sind und deren Inhalt sollte Mitte ausgerichtet, also in der Mitte von jedem div. Problem: 'Höhe' und 'Mitte ausgerichtet' auszuschließen scheinen sich, das eine geht nicht mit dem anderen. Frage:
Hinzufügen von Fehler-Formular-Validierung funktioniert nicht?
4 Antworten
Entsprechend der Semantic-UI-docs auf dem Formular-Validierung, kann ich hinzufügen Fehler manuell: hinzufügen Fehler(Fehler) | Fügt Fehler zu bilden, da ein array-Fehler (Ich will verwenden Sie diese Funktion, weil ich meine form über AJAX, tun server-seitige Validierung, dann
Karussell in Semantic-UI nicht verfügbar
3 Antworten
Frage ich mich, habe ich nicht finden Karussell Komponente im Semantic UI. Ich glaube, es ist sehr verbreitet und nützlich Komponente. Ich weiß, eine option EULE Zechen. Ich will nicht, um jQuery verwenden, wenn für die Semantische
Form Validierung mit Semantic-UI-Reagieren
5 Antworten
Ich bin mit der offiziellen Semantic UI Reagieren Komponenten zur Erstellung einer web-Anwendung. Ich habe ein Formular auf meiner Seite registrieren, mit einer E-Mail-Feld, Passwort-Feld, und ein Feld Passwort bestätigen ein. import {Component} from 'react'; import {Button,
Wie zu set Breite und Höhe Eingang mit semantic-ui-Komponenten
3 Antworten
Hallo, ich bin neu in der semantischen Welt, und ich möchte zum anpassen der Standard-Eingabe der Höhe und Breite, ich weiß, wir haben vordefinierte Klassen, die in semantischer wie klein, groß, mini, aber ich brauche, um benutzerdefinierte
Feste Breite von Inhalten im semantic ui
2 Antworten
Gibt es eine 'richtige' Weg der Erstellung eine Feste Breite von Inhalten im Semantic-UI? Ich habe ein canvas-element auf der Seite zu bleiben muss eine bestimmte Größe haben, allerdings, wenn Sie Ihre grid-system, es scheint immer skalieren,
Wie zu toggle mobile desktop-Ansicht im inneren ein Menü im Semantic-UI? Wird die Reaktion zu Gerät arbeitet nur mit Zeilen und Spalten?
1 Antworten
Wie die Umsetzung mobile nur oder desktop nur Blick in ein Hauptmenü in Semantic-UI? Wird die Reaktionsschnell Weg zum Gerät Funktion funktioniert nur mit Zeilen und Spalten wie angegeben in Semantic UI Grid? Kann einer bitte mir
Ändern der Schriftgröße für text
2 Antworten
Gibt es eine einfache Möglichkeit zum ändern der Schriftgröße für einige keine-header-text mit Semantic-UI, ohne änderungen am Design oder benutzen Sie einfach css? Sehe ich für einige Elemente, wie button, den man nutzen könnte large, massive und
Wie kann ich den text ändern Farbe in eine Semantic-UI vertikale Menü?
2 Antworten
Ich habe einen aktiven roten link-Element in einer vertikalen Menü, und ich will nur die Zeiger rot sein. Was ist der effektivste Weg, um den text zu ändern, so dass es schwarz ist? Ich habe versucht, wickeln
Umgang mit Tabelle-überlauf in der semantic-UI
0 Antworten
<div style="overflow-x: scroll"> <table class="ui table"> ... table data ... </table> </div> Ich habe eine Tabelle mit vielen Spalten und Zeilen. Es läuft von der Seite und ich kann nur horizontal scrollen, wenn ich auf die ganz
Semantic UI dropdown-Auswahl von Inhalten aus der API
1 Antworten
Ich bin mit Semantic UI 2.0 und versucht die Daten zurück von seiner API zu bauen, die Optionen in meinem dropdown-Menü. Für die dropdown-selbst, ich bin mit einem code, der praxisgerechtes das gleiche wie diese code in
semantic-ui-modal-Close - OK/Abbrechen Rückruf
2 Antworten
Ist es möglich, an callback-Funktionen für Ok und Schließen-button? Im Fall von JQuery Modalen man könnte geben Sie die callback-Funktionen, die zum Zeitpunkt der Initialisierung mit den Tasten-Wörterbuch. Macht Semantic-ui modeal bieten für etwas ähnliches? Wie kann
Hören Semantic UI-form-überprüfungs-Fehlern, bevor Sie Einreichen
5 Antworten
Verwendung von Semantic UI-form, modal und Validierung, ich habe ein Formular in einem modal-und ich möchte nicht das modal zu schließen, wenn die form nicht gültig ist (was passiert, wenn eingereicht). Nur so kann ich halt das
Semantic UI: Rechtsbündig/Schwamm-Taste
1 Antworten
Wie kann ich richten Sie eine Taste korrekt mit Semantic-UI auf der rechten Seite? Ich habe versucht, Dinge wie: <div class="ui mini labeled input"> <div class="ui label">Description</div> <input placeholder="Privat" type="text"> </div> <div class="ui floated right red mini
So ändern Sie Semantic-UI-hintergrund-Bild
2 Antworten
<!DOCTYPE html> <html> <head> <!-- Standard Meta --> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <!-- Site Properities --> <title>Home | Dr.PRB</title> <link type="text/css" href="../dist/components/reset.css"> <link type="text/css" href="../dist/components/site.css"> <link type="text/css" href="../dist/components/container.css"> <link
Semantic UI-grid-Spalte Höhe
1 Antworten
Baue ich ein einfaches grid-basiertes layout, wo ich will, um Platz .vertical pointing menu innen 3. lila Zeile, wie hier gezeigt fiddle. Das wäre der richtige Weg, um die Höhe der 3. Zeile zu passen, aus der
Wie man den Wert des dropdown-Menü in der semantic-ui?
3 Antworten
Habe ich diesen code, aber ich weiß nicht, wie man ausgewählten Wert.Wo soll ich den id-Wert für diese Liste? <div class="ui compact menu"> <div class="ui simple dropdown item">Question <i class="dropdown icon"></i> <div id="question" class="menu"> <div id="type" class="item"
Wie die ausrichten-Schaltfläche rechts mit den Semantic-UI
2 Antworten
Ich brauche segment mit text(innen <p> ), und-Taste auf die nächste Zeile auf der rechten Ich versuche nächste markup, aber es scheint funktioniert nicht richtig( Taste overflow-segment-Grenze): <div class="ui container"> <div class=" ui segment"> <p> Some Text.</p>
Mit der tab-Steuerung im semantic-ui
3 Antworten
Ich bin versucht, eine website zu bauen mit semantic-ui. Ich mag eine Menge von dem, was ich sehe. Allerdings werde ich versuchen, erstellen Sie einfach ein tab-control. In einem Versuch, dies zu tun, ich dachte, ich schnappte
Wie aktiviert overflow-scrolling innerhalb eines Semantic-Ui-Grid?
1 Antworten
Ich habe nicht genug rep posten Bilder, aber hier ist ein link. http://i.stack.imgur.com/eTp8Q.png Ich habe Probleme versuchen, herauszufinden, die richtigen CSS/LESS zu aktivieren sidescrolling hier innerhalb der Semantic-UI-framework. Es gibt vier Säulen, die in diesem Teil des
Ausblenden element für die mobile-only - Semantic-UI
3 Antworten
Problem habe ich mit ausblenden image für mobile Geräte. Ich bin mit Semantic-UI-framework. In der Dokumentation fand ich einige Klassen: mobile-only - zeigt nur unterhalb von 768px tablet-only - zeigt nur zwischen 768px - 991px computer nur
Wie benutzerdefinierte callback-in semantic-ui modal
2 Antworten
Will ich mit mehr als 2-Knopf im semantic-ui modal für feedback-Zwecke als easy,normal und hard. Und ich brauche auch führen Sie die Aktion nach button geklickt. Ich weiß, wie Sie das genehmigen und ablehnen Taste (ich kann
Semantic-UI-Dynamische Dropdown
4 Antworten
Hab ein problem mit semantic-ui dropdown-Menü. Ich habe mit Semantic-Ui, und wollte ändern Sie die dropdown-Element dynamisch. Das ist, wenn ich wählen Sie den Wert aus dem ersten dropdown, im zweiten dropdown-Element ändern. Aber die Sache ist,
Semantic UI: Dropdown-Standard - /Wert von Platzhalter-Problem
3 Antworten
Arbeite ich an der Erstellung eines html-Formular mit ' Semantic UI " - framework. Während ich mich mit einer normalen select-Element für ein dropdown/select-Liste, ich bin styling es mit Semantic UI. Funktioniert alles einwandfrei, aber sobald ich
Wie "Formular senden" in der Semantic-UI?
7 Antworten
Ich wissen, wie überprüft wird, eine form mit Semantic UI, und können sogar Lesen Sie in der Konsole die Meldung "Form hat keine Fehler bei der Validierung Einreichen." Aber wo ist diese Vorlage zu? Ich möchte eigentlich
Semantic UI (Reagieren): Verwendung von Link-Komponenten im Menü.Listen-Elemente
2 Antworten
Ich versuche, einen semantischen ui (reagieren) Menü-Liste, die sollte die Arbeit mit reagieren-router, das heißt ich möchte die Link Komponente von react router Wenn ich dieses... <Menu.Item name='profile'> <Icon name='user' /> My profile </Menu.Item> ...es gibt mir
Welches ist das richtige? Semantic UI: Responsive Sichtbarkeit
2 Antworten
Ich bin neu mit semantic-UI, und ich Liebe, mit Rahmen. Sie haben viele hilfreiche Dokumentation, obwohl, und um so mehr verwirrende Sache. Wie funktioniert das Responsive Sichtbarkeit arbeiten? Gibt es die [mobile tablet nur kleine monitor nur
Semantic UI dropdown ändern handler
3 Antworten
Ich habe Folgendes dropdown mit Semantic UI: <div class="ui selection dropdown select-language"> <input name="language" type="hidden" value="fr-FR"> <div class="text">French</div> <i class="dropdown icon"></i> <div class="menu ui transition hidden"> <div class="item" data-value="en-US">English</div> <div class="item active" data-value="fr-FR">French</div> </div> </div> Und in
- 1
- 2