Публикации по теме 'semantic-ui'
Как focus () работать с компонентами Semantic UI React с помощью React.createRef ()
Давным-давно, не так давно, я создал свое первое приложение на React. Одним из моих компонентов была форма, которую пользователю предлагается заполнить после регистрации.
Изначально этот пост был предназначен для того, чтобы дать вам краткое руководство по созданию интерактивных форм в React с помощью ссылок. Однако существует множество постов и руководств по этой теме. Я предполагаю, что вы немного знаете о ссылках и, возможно, уже использовали их в своих компонентах. Я здесь,..
Помощь! Давайте создадим текстовый редактор в стиле AOL Instant Messenger
Помогите! Давайте создадим текстовый редактор в стиле AOL Instant Messenger
Кто не любит текстовые редакторы, бедный или богатый? Шучу, текстовый редактор, очевидно, ничего не стоит… Точно… Вот почему вы узнаете, как создать свой собственный суперфантастический дополнительный редактор uber 1337 без помощи крошечных мышей, снующих по сланцевому льду, как в сезон драфта; хватайте перо и копируйте книги, ребята.
Предыстория
TL;ДР; Текстовый редактор, простой или сложный,..
Хостинг React App, созданный Web-Pack, разработанный Semantic-UI, на Heroku.
Нет ничего лучше, чем разместить свое приложение, чтобы мир мог оценить вашу работу и испытать на себе ее влияние. Но каждый в какой-то момент сталкивался с тем или иным препятствием, чтобы продолжить то же самое. Я сам устранил несколько препятствий, чтобы мои материалы начали работать, и это дало мне мотивацию поделиться с вами этой проблемой и, надеюсь, решить ее.
Предварительные условия для понимания решения: -
Функционирующее приложение React на локальном хосте Аккаунт на..
Вопросы по теме 'semantic-ui'
Вертикальное вторичное указывающее меню в семантическом интерфейсе: как привязать к разделу h2?
Я портирую старый код в семантический интерфейс, что неплохо. Я пытаюсь воспроизвести поведение вертикального бокового меню, которое они использовали во всех своих документах (вертикальное вторичное указывающее меню). См., Например, левое меню...
2019 просмотров
schedule
07.05.2022
семантическая удаленная проверка пользовательского интерфейса
Я использую Semantic UI вместе с ASP.NET MVC. Я выполнил проверку на стороне клиента в своей регистрационной форме, как описано в документации http://semantic-ui.com/modules/form.html Теперь я хочу проверить адрес электронной почты, чтобы он был...
565 просмотров
schedule
22.10.2023
Семантический пользовательский интерфейс: табличный не работает
Я работаю с Semantic UI , и у меня возникают проблемы с их Вкладки . Первая вкладка отображается как активная вкладка, но при нажатии на вторую вкладку вкладка не меняется. Их пример можно увидеть в разделе "Прикреплено" здесь . Вы можете...
7166 просмотров
schedule
28.05.2024
Добавление ошибок для проверки формы не работает?
Согласно документам Semantic UI по проверке формы , я могу добавлять ошибки вручную:
добавить ошибки(ошибки) | Добавляет ошибки в форму, учитывая ошибки массива
(Я хочу использовать эту функцию, потому что я отправляю форму через AJAX,...
6739 просмотров
schedule
23.04.2023
Боковая панель семантического пользовательского интерфейса закрывается, если вы нажмете снаружи
Я хочу закрыть боковую панель, если пользователь щелкнет снаружи
$( "#menu" ).click(function() {
$('.sidebar').sidebar('toggle');
});
http://semantic-ui.com/modules/sidebar.html
2058 просмотров
schedule
03.01.2023
Предотвратить закрытие модального окна Semantic-UI с помощью значка закрытия
Я могу предотвратить закрытие модального окна в соответствии с примером в документации установив closable: false . Но если я включаю значок закрытия в свой html, то это не воспринимается как действие отказа, а продолжается и закрывает модальное...
2206 просмотров
schedule
29.05.2024
Установка Semantic-UI с Rails
Я использую Semantic UI с Rails некоторое время и всегда полагался на гем semantic-ui-sass для установки.
Вчера я пришел к выводу, что гем не был обновлен до последней версии Semantic UI. Я могу поддержать это только через анекдот, так как...
1987 просмотров
schedule
14.04.2024
Шаблон ошибки Semantic-UI
Контейнер ошибок по умолчанию для семантических форм пользовательского интерфейса представляет собой просто красное поле со списком ошибок, в которое вы помещаете семантический код пользовательского интерфейса:
<div class="ui error...
1602 просмотров
schedule
09.07.2023
Семантический пользовательский интерфейс: доступ к выбранному элементу компонента поиска
У меня проблема с использованием компонента поиска.
Я хочу получить доступ к данным выбранного элемента, но, похоже, есть некоторые проблемы со временем, и/или я делаю что-то неправильно.
Это мой код:...
1350 просмотров
schedule
29.05.2024
Получите this._id экземпляра коллекции в template.foo.rendered
Я пытаюсь включить модуль рейтинга из Semantic UI ( http://semantic-ui.com/modules/rating.html ) под статьями, чтобы пользователи могли оценивать их. Если пользователь оценивает статью, идентификатор статьи сохраняется в...
604 просмотров
schedule
05.06.2024
папка semantic-ui dist — развертывание без npm и/или gulp
У меня есть папка dist внутри zip-файла semantic-ui, который я скачал (точнее, версия 1.8.1)
Является ли эта папка единственной вещью, которая мне нужна для развертывания моего веб-приложения в отношении файлов, связанных с semantic-ui?
Будет ли...
1710 просмотров
schedule
19.11.2022
Страница на основе семантического пользовательского интерфейса некорректно работает в Tide SDK
Я пытаюсь создать приложение в TideSDK, используя Semantic-UI ( http://semantic-ui.com/ ). Когда я открываю свою страницу в Chrome, она работает правильно:
http://krakow45.pl/test/chrome.png
но когда я запускаю свой код с помощью TideSDK, это...
149 просмотров
schedule
24.03.2023
onChange раскрывающегося списка семантического пользовательского интерфейса не срабатывает
Я использую semantic-ui вместе с Django, и у меня есть следующий раскрывающийся список в форме:
HTML
<form id="lang_form" action="{% url 'set_language' %}" method="post">
{% csrf_token %}
{% get_current_language as LANGUAGE_CODE %}...
4471 просмотров
schedule
26.02.2022
семантический модуль диммера пользовательского интерфейса недоступен в метеоре
Я установил пакет semantic:ui 1.12.1. Я не могу использовать семантические модальные окна. Выдает ошибку;
$dimmer.on is not a function
at Object.$.fn.modal.$allModules.each.module.set.clickaway
диммер имеет значение true в...
543 просмотров
schedule
29.08.2022
Не могу установить Semantic-UI через NPM
Я уже некоторое время пытаюсь установить Semantic через NPM, и у меня возникают проблемы. Я запускаю npm install semantic-ui , и он проходит процесс установки. Однако он останавливается на Finished 'install' after 3.61 s и никогда не выходит из...
3249 просмотров
schedule
04.02.2023
элемент выпадающего меню semantic-ui отключен
Интересно, есть ли способ отключить один элемент в раскрывающемся меню, например. нельзя выбрать? Разметка Jade:
.ui.dropdown
span.text My Menu
i.dropdown.icon
.menu
.item 1
.item 2
.item 3
Скажем, пункт 3...
3609 просмотров
schedule
15.10.2023
Семантическое фоновое изображение
Я пытаюсь создать заголовок с изображением, используя семантику.
это мой хтмл
<div class="ui inverted vertical segment landpage-image">
<div class="ui page grid">
<div class="column">...
5400 просмотров
schedule
13.08.2023
Увеличение/уменьшение индикатора выполнения
Мне нужна помощь с индикатором выполнения из semantic UI . Я пытаюсь воспроизвести первый пример с помощью кнопки увеличения/уменьшения, но для меня жизнь не может заставить его работать, любая помощь в этом вопросе или пример с кодом Javascript...
936 просмотров
schedule
21.11.2022
Семантический обратный вызов пользовательского интерфейса для вкладок
Я имею в виду этот документ: http://semantic-ui.com/modules/tab.html#/settings
В соответствии с документом я должен иметь возможность выполнять обратные вызовы на видимой вкладке. Но я упускаю некоторые моменты, в результате чего мое оповещение...
4903 просмотров
schedule
07.09.2023
Боковая панель семантического пользовательского интерфейса выдает ошибки консоли с ReactJS при рендеринге приложения в тело
Любой способ отобразить боковую панель Semantic-UI в приложении React без использования тегов id в теле HTML? Я хочу избежать необходимости отображать компоненты React в тегах в теле HTML, например, НЕ используя: <div...
3607 просмотров
schedule
23.06.2023
