Как оживить интерфейс и сделать его более привлекательным
Важно, чтобы интерфейс нравился пользователю. Для этого:
- Используйте стилизацию кнопок:
- btn-outline-primary - контурные кнопки
- btn-gradient - кнопки с градиентом (неродной класс Bootstrap)
- иконки в кнопках
- Используйте карточки card
- Используйте стили формы и градиента фона bg-success, bg-gradient-warning
- Используйте тень элементов shadow-lg
- Используйте badge и pills (badge badge-pill badge-primary)
- Используйте анимацию появления. Классы animated bounceIn delay-3s. https://daneden.github.io/animate.css/
Элементы стилизации в разметке страниц Falcon Space
Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Google поиск по нашей документации
- Руководства
- Основа Falcon Space
- Основные компоненты
- Возможности
- Коммуникация с пользователем
- Дизайн, стилизация, юзабилити
- Лендинги
- Универсальный API
- Примеры интеграций
- Каталоги
- Навигация
- Документы
- Дополнительные компоненты
- Продвижение, SEO
- Системные моменты
- Системное администрирование
- HOWTO Страницы. Как сделать редирект на другую страницу при загрузке Страницы. Как изменить текст на главной Страницы. Как использовать дополнительные параметры на странице Страницы. Как выводить списковые данные в теле страницы (repeater) Страницы. Настройки страницы для формирования главного меню Страницы. Мне нужен в URL параметр itemID, но там передается из-за сущностей InstanceID Страницы. Как сделать мастер описания функционала страницы Как добавить событие в календарь Google Как идентифицировать анонимного пользователя (по куки)? Дашборды. Как вызвать коллбек после загрузки дашборда Как сделать кнопку определенного действия Как сделать горячие клавиши для событий (нажатие кнопки) Как показывать баланс пользователя вверху кабинета? Где взять фото пользователя Как сделать поддомены с разными языками для сайта Как управлять страницей “404 Страница не найдена” Отслеживание всех действий пользователя в системе Как выводить денежные данные Как оживить интерфейс и сделать его более привлекательным Как показать элемент увеличенным при наведении (например ячейка таблицы) Как дать возможность некоторым ролям вводить html в формах? Что делать если открытая вкладка (tab) сбрасывается при перезагрузке страницы? Как вынести правила редиректа в отдельный файл config Как реализовать создание периодического отчета на почту Попап (popup) окна - показ модальной формы по событию или таймауту Модальная ссылка (as-modal) Как быстро просматривать типовые отчеты с возможностью редактирования SQL Как сделать отдельный универсальный поиск Как реализовать окно уведомления об использовании куки (cookies) Как максимизировать показатели Google PageSpeed для сайта на Falcon Space Безопасность. Как ограничить вход пользователям по IP, порту или домену Как в тексте сделать ссылки кликабельными Как внедрить на сайте автоопределение города с возможностью выбора Как внедрить оглавление в текст Вывод на странице штрихкода (barcode) и QR кода Как вставить универсальный поиск в любое место страницы Вывод справа на странице float панели Как определить координаты lat lng пользователя в текущий момент Как сделать сортировку дерева с Drag-and-Drop Как обновить часть страницы по клику на кнопке Защита от ботов. Настройка блокировки частых запросов по IP Загрузка дашборда по ссылке as-dashboard-link Как запретить копировать текст с сайта. Как добавлять ссылку копирайта в текст при копировании с сайта Как изменить шаблоны хранимых процедур для Формы, Таблицы и др. Определение местоположения пользователя по IP через API (as-ip) Форма Нашли ошибку по Ctrl+Enter Как определить откуда пришел пользователь на сайт? Фиксация источника посещения пользователем сайта Как сделать ссылку, которая скроллит к элементу на странице Как показать/скрыть область на странице по ссылке - as-collapse
- Таблицы
- Формы
- Загрузка файлов, картинок
- Работа с SQL
- HOWTO JS
- HOWTO Верстка
- Решение проблем
Выгода от использования Falcon Space
В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Нужна бесплатная консультация?
Планируете делать веб-проект?
- Шаг 1. Создать концепт проекта
- Шаг 2. Получить оценку бюджета (КП)
- Шаг 3. Заключить договор
- Шаг 4. Создать совместно техническое задание
- Шаг 5. Поэтапная реализация проекта