Публикации по теме 'semantic-ui'
Новое приложение: Калькулятор конверсии
Да, знаю. В сети есть миллион и один калькулятор конверсии. Нам не нужен другой. Нам нужен один, как нам нужен другой «Как создать учебное пособие по приложению To Do».
Я все равно построил один. Я построил свой с ReactJS и Semantic-UI-React.
Что такое калькулятор конверсии?
Калькулятор преобразования позволяет преобразовать значение из одной единицы измерения в другую связанную единицу измерения.
Например, преобразование из метров в футы (единицы длины) — это вещь.
Вот..
Использование модуля CSS с внешней библиотекой пользовательского интерфейса в приложении Create React
На React существуют тысячи шаблонов, и один из них - Create React App (CRA). С помощью этих шаблонов вы можете многое сделать. И в случае, если вы хотите сэкономить время, чтобы разработать новое веб-приложение с внешней библиотекой пользовательского интерфейса. Между тем вы предпочитаете использовать модуль CSS для настройки компонента, а CSS настройки хешируется как _3Cj0yJNB6Fk-9VD_CdCoyf. Хорошо, вот шаги для решения:
Пожалуйста, следуйте инструкциям CRA для настройки и..
Вопросы по теме 'semantic-ui'
Meteor - невозможно показать всплывающий виджет для элементов в списке
Здравствуйте, я использую Meteor + Semantic UI, но я думаю, что это применимо к другим виджетам на основе JQuery (Bootstrap). Я хочу показать всплывающее окно для каждого элемента в списке. Думаю, проблема в инициализации.
<!-- entity.html...
1173 просмотров
schedule
17.11.2021
Семантическая реализация боковой панели пользовательского интерфейса
Здравствуйте, как мне реализовать боковую панель из семантического пользовательского интерфейса? Я хотел бы использовать первый пример в списке.
http://semantic-ui.com/modules/sidebar.html#/definition
Я попытался скопировать весь раздел div и...
5097 просмотров
schedule
27.09.2021
Могут ли правила проверки формы semantic-ui для одного поля быть условными для другого поля?
Допустим, у меня есть форма с двумя полями. Я бы хотел, чтобы было возможно следующее:
Отправьте форму пустой - проверка прошла успешно. Оба поля содержат данные - проверка прошла успешно. Первое поле содержит данные, второе поле пусто - проверка...
2083 просмотров
schedule
19.10.2021
Высота окна растягивания модального окна semantic-ui
Я вижу на этой странице: http://semantic-ui.com/modules/modal.html#/examples
Чтобы этого избежать, вы можете просто добавить к модальному классу long. Я сделал это, но он все еще растягивает высоту окна. Есть ли у кого-нибудь идеи, почему это...
8775 просмотров
schedule
02.11.2021
Проверка формы семантического пользовательского интерфейса: URL-адрес изображения
Можно ли проверить, что ввод - это URL-адрес изображения?
Я попробовал такой наивный подход:
validations.img = {
identifier: 'img',
rules: [{
type: 'url',
prompt: 'not a valid URL'
},
{
type:...
669 просмотров
schedule
28.11.2021
Как мне отправить подтвержденную форму в реальном времени с помощью Semantic UI и Meteor?
У меня возникла огромная проблема с моей формой, которую я проверяю в реальном времени с помощью Semantic UI.
HTML:
<form class="ui form pin-form">
<div class="field">
<label>Email</label>...
509 просмотров
schedule
11.09.2021
Изменение темы в Semantic-UI
Я пытаюсь изменить тему по умолчанию в Semantic-UI. Я изменил значение @site в src/theme.config на 'material' (например), затем запустил gulp build . Каталог dist создается заново.
Затем я скопировал содержимое каталога dist в ресурсы...
716 просмотров
schedule
18.09.2021
несколько всплывающих окон семантического пользовательского интерфейса с целевым элементом, определенным в атрибуте каждого экземпляра
Я успешно определил всплывающее окно для интерактивного элемента ссылки:
Элемент:
`<a href="{{URL::to('alerts')}}" data-tcs="#popup-1">Alerts Page</a>`
Скрипт, запускающий мое всплывающее окно (обратите внимание на...
1206 просмотров
schedule
11.09.2021
Семантический интерфейс Gulpfile не найден
Я пытался установить семантический интерфейс с помощью npm. На веб-сайте предлагается запустить следующий код:
npm install -g gulp
npm install semantic-ui --save
cd semantic/
gulp build
Кажется, что Gulp устанавливается правильно, как и...
1137 просмотров
schedule
29.10.2021
Семантический интерфейс: как разместить кнопку внизу столбца?
Это очень простой вопрос, но после некоторых исследований я не могу найти способ сделать это должным образом: у меня есть сетка с 3 столбцами в семантическом пользовательском интерфейсе, и содержимое каждого столбца имеет определенную высоту. Я...
3461 просмотров
schedule
19.09.2021
Обработка значения состояния в условии If в React JS
Я начал использовать Semantic UI несколько дней назад и недавно столкнулся с проблемой, на которую еще не нашел ответа. Как вы обрабатываете значение состояния класса в условии if?
Я пытаюсь создать боковое меню, которое будет отображаться только...
3188 просмотров
schedule
29.10.2021
Как создать всплывающее меню с горизонтальным подменю в SEMANTIC
Я хочу создать горизонтальное подменю, когда щелкаю раскрывающееся меню с помощью SEMANTIC CSS. Я просто хочу как на картинке ниже. Заранее спасибо!
925 просмотров
schedule
05.09.2021
Добавление перехода Table.Row fadeout
Я создал простую систему добавления ваших задач в React, используя Semantic-UI-React. Сейчас это выглядит так:
Описание проблемы и моя попытка
Когда пользователь щелкает красный значок корзины, я хочу удалить Table.Row, используя...
4123 просмотров
schedule
22.10.2021
Вертикально выровненный контент в сегменте (семантический интерфейс)
Есть ли способ вертикально центрировать контент внутри div класса сегмента? У меня такая разметка:
<div class="stretched row">
<div class="two wide column">
<div class="ui basic segment">
<select>...
3905 просмотров
schedule
18.09.2021
Как остановить поток содержимого страницы в SideNav Semantic-ui
Я пытаюсь создать страницу с боковой панелью навигации. Я использую semantic-ui, немного новичок в нем и использую его сетку. Дело в том, что остальное содержимое страницы перетекает под sidenav и скрывается под ним, я не знаю, как остановить...
81 просмотров
schedule
01.10.2021
Почему пользовательский класс css не работает с элементами React-Semantic-UI?
Я создал карточку с помощью response-semantic-ui, я хочу добавить несколько дополнительных стилей через класс css.
Один пример :
Я добавляю собственный класс «card» со свойством box-shadow, и этот стиль не применяется.
HTML PART:...
6217 просмотров
schedule
23.09.2021
Как использовать ngClass для установки первого класса для элемента?
Я хорошо знаю множество способов использования ngClass для добавления классов к элементам. Но классы, добавленные ngClass, всегда кажутся добавленными в конце классов элемента. Есть ли простой способ установить первый класс для элемента?...
445 просмотров
schedule
08.10.2021
Приложение Svelte возвращает неожиданную ошибку символа @ при запуске проекта
Я добавил модуль semantic-ui-css-only npm в компактный проект приложения. Импортировал модуль import "../node_modules/semantic-ui-css/semantic.css"; в main.js файл. Когда я запускаю npm run dev , я получаю эту ошибку Error: Unexpected...
1214 просмотров
schedule
02.12.2021
Как заставить JS из Fantic UI работать в моем приложении Ruby on Rails?
Я хочу, чтобы функция javascript Calendar работала в моем Ruby в приложении Rails, а это не так, и мне интересно, что я делаю не так?
Я установил в своем приложении как fomantic-ui-sass , так и jquery-rails геммы, и поместил в...
139 просмотров
schedule
24.10.2021
ReferenceError: ошибка primordials is not defined при установке семантического пользовательского интерфейса
Я знаю, что этот вопрос задавали много раз (например - здесь ), но либо решения не сработали, либо не соответствовали моему сценарию. Решение, предложенное по ссылке выше, было:
Решение: либо обновитесь до gulp 4, либо перейдите на более раннюю...
2586 просмотров
schedule
16.09.2021