Объединение нескольких элементов в общий визуальный блок
меньше минуты
В подсказке можно объединить несколько элементов в общий визуальный блок.
Для объединения нескольких элементов в общий визуальный ряд, вы можете использовать рамки компонента:
![](/ap/5.-%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D0%B2%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B9/_%D0%BE%D0%B1%D1%89%D0%B8%D0%B5-%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B8-%D0%B2%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B9/%D0%BE%D0%B1%D1%8A%D0%B5%D0%B4%D0%B8%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BD%D0%B5%D1%81%D0%BA%D0%BE%D0%BB%D1%8C%D0%BA%D0%B8%D1%85-%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%BE%D0%B2-%D0%B2-%D0%BE%D0%B1%D1%89%D0%B8%D0%B9-%D0%B2%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9-%D0%B1%D0%BB%D0%BE%D0%BA/%D1%80%D0%B8%D1%811.png)
Для этого выполните следующие шаги:
- включите опцию «Рамка компонента»;
- настройте цвет и ширину рамки в соответствии с вашими предпочтениями;
- увеличив ширину рамки до 4px, вы сможете создать эффект перекрытия соседних визуальных элементов;
- если вы выберете одинаковый цвет рамки для соседних компонентов, они будут выглядеть как единый блок.
На примере, представленном ниже, фильтры (в желтом блоке), геоКарта (в салатовом блоке) и таблицы (в синем блоке) объединены в один визуальный блок:
![](/ap/5.-%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D0%B2%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B9/_%D0%BE%D0%B1%D1%89%D0%B8%D0%B5-%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B8-%D0%B2%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B9/%D0%BE%D0%B1%D1%8A%D0%B5%D0%B4%D0%B8%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BD%D0%B5%D1%81%D0%BA%D0%BE%D0%BB%D1%8C%D0%BA%D0%B8%D1%85-%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%BE%D0%B2-%D0%B2-%D0%BE%D0%B1%D1%89%D0%B8%D0%B9-%D0%B2%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9-%D0%B1%D0%BB%D0%BE%D0%BA/%D1%80%D0%B8%D1%812.png)
В этом примере элементы выделены цветовыми блоками для наглядности и демонстрации объединения различных компонентов в один визуальный блок. Для объединения фильтров внутри одного компонента контейнера с фильтрами и управления необходимым количеством фильтров можно использовать следующий подход: компонент контейнера с фильтрами позволяет включать любое количество фильтров внутри себя, что обеспечивает более удобное и гибкое организовывание фильтрации данных в одном визуальном блоке.