Публикации по теме 'modal'


Блог о кодировании Биткойн-история № 5: «Модалинг» в каньоне кодирования
Во время буткемпа по программированию в прошлом году мы погружались в новые темы и концепции практически на каждом уроке. Материал и задания посыпались на нас в бешеном темпе, а это означало, что я так и не попал в ритм. Неудивительно, что мне не хватало уверенности на протяжении всего пути. Теперь я чувствую, что нашел эту канавку. Я чувствую себя Майклом Джексоном на танцполе во время съемок одного из его клипов. Я лунатик, детка! Я лунатик! Хорошо, это большой промежуток..
Начало работы с модальными окнами
Так что же такое модальное? Как правило, модальное окно — это любое всплывающее окно, которое вызывает взаимодействие с пользователем. Как обычные пользователи Интернета, мы все очень хорошо знаем их, поскольку они стали обычным явлением в UX/UI. Работая над фэнтезийным бейсбольным проектом с помощью React.js, я увидел потребность во всплывающем окне, которое точно соответствовало бы цели модального окна. Никогда раньше не пользовавшись ими, я решил углубиться и посмотреть, что я..
Как использовать Vue.js в модальных окнах Sweet Alert 2
Одна из проблем, с которой может столкнуться разработчик при использовании нескольких пакетов / библиотек, - это как заставить их работать вместе. Это может быть особенно сложно, если они созданы не друг для друга. В этой статье будет показано, как использовать компоненты Vue.js в модальных окнах Sweet Alert без зависимости от других пакетов, которые делают это за нас. Я предполагаю, что вы установили в свой проект Vue.js и Sweet Alert 2. Если нет, взгляните на некоторые ссылки в..
Как реализовать React Native Modal
Как реализовать React Native Modal В моем последнем проекте мобильного приложения я реализовал плавные всплывающие окна, предлагающие пользователю подтвердить действие или заполнить форму. Вместо того, чтобы иметь отдельное представление для подтверждения и компонентов формы, к которым пользователь перенаправляется, анимированные всплывающие окна значительно улучшают взаимодействие с пользователем. Такие мелкие детали улучшат качество вашего приложения. В этой статье я расскажу, как..
ng-bootstrap ModalService и выражение, измененное после проверки, ошибка
Если вы используете библиотеку ng-bootstrap и ее модальную службу, в конкретном сценарии внутри формы вы можете столкнуться с ошибкой, подобной следующей: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'ng-untouched: true'. Current value: 'ng-untouched: false'. at viewDebugError (core.js:9775) at expressionChangedAfterItHasBeenCheckedError (core.js:9753) at checkBindingNoChanges (core.js:9920) at..
Блокировка прокрутки тела - позволяет работать со всем
Посмотрите в Google, как люди блокируют прокрутку тела, и вы найдете несколько решений для этого. Базовый вариант использования: Включите отображение некоторых targetElement над телом с помощью position: absolute . После того, как он появится, воспользуйтесь каким-нибудь решением, чтобы отключить прокрутку текста, чтобы прокрутка внутри targetElement не прокручивала содержимое основного текста. Вот возможные решения, с которыми вы столкнетесь: 1. Переполнение CSS Этот..
Многоразовый модальный модуль с React
Идея, лежащая в основе этого руководства, состоит в том, чтобы иметь элемент обертывания, который обеспечивает стиль, который обертывает вокруг любого контента, который мы хотим показать. Я использую это много в большинстве своих проектов реагирования. вот наглядный пример того, о чем я говорю (точно так же, как модальное окно начальной загрузки) это изображение из одного из моих проектов с открытым исходным кодом, созданных с помощью react (доступно на github) Прежде всего, давайте..