Как улучшить сайт - панели на странице в личном кабинете
В чем улучшение - интерфейс визуально делится на отдельные панели на странице. В каждой панеле прогружаются свои компоненты.
В этом примере используется стандартная разметка Bootstrap + класс as-panel для создания панелей.
Код разметки:
<div class='row'>
<div class='col-12 col-md-9'>
<div class="as-panel">
....
</div>
<div class="as-panel">
......
</div>
</div>
<div class='col-12 col-md-3'>
<div class="as-panel">
.....
</div>
<div class="as-panel">
.....
</div>
<div class="as-panel">
......
</div>
</div>
</div>Класс as-panel встроен в систему. Но можно и самостоятельно его прописать (чтобы не ждать обновления):
.as-panel {
background-color: #fff !important;
padding: 1rem !important;
border-radius: 1rem !important;
margin-bottom: 1rem !important;
box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}
Другие демостенды
— Как создать предустановленные фильтры для таблицы на сайте (predefined filters)— Чистка данных в ФИО через dadata. Подключение к Dadata API. Коррекция ввода данных человека
— Определение местоположения на сайте по Google Maps API
— Как сделать подсказки на сайте
Что есть в базе знаний по этой теме
— Создание панелей-подсказок в личном кабинете— Страницы. Как сделать мастер описания функционала страницы
— Изменение процедуры поиска, процедуры общих элементов Layout, процедуры периодического запуска
— Интеграция API DaData.ru подсказки по адресам
— Руководство по юзабилити сайтов на Falcon Space
Последние обновления
Интеграции 24.11.2025
Разное 24.11.2025
Форма 15.11.2025
Визуализация 02.11.2025
Таблица 08.10.2025
Форма 26.09.2025
Таблица 23.09.2025
Разное 23.08.2025
Таблица 21.08.2025
Форма 20.08.2025
Таблица 18.08.2025
Таблица 21.06.2025
Форма 07.06.2025
Форма 29.03.2025
Форма 17.02.2025
Файлы и документы 10.01.2025
Форма 01.11.2024
Форма 23.10.2024
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства