--- url: https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/ title: "Як налаштувати View Container у CRM системі\n #" description: "CRM система GudHub дозволяє відображати одне представлення всередині іншого за допомогою елемента View Container. Наприклад, на одній сторінці можна розмістити" lang: uk updated: 2026-10-20T08:43:03.263Z --- # Як налаштувати View Container у CRM системі # Нічого не знайдено # Як налаштувати View Container у CRM системі [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D1%8F%D0%BA-%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D1%82%D0%B8-view-container-%D1%83-crm-%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D1%96) CRM система GudHub дозволяє відображати одне представлення всередині іншого за допомогою елемента View Container. Наприклад, на одній сторінці можна розмістити таблицю клієнтів і форму з даними вибраного клієнта. **View Container** також дозволяє перемикати записи за допомогою карток та показувати різні представлення залежно від значень полів. Нижче розглянемо основні налаштування елемента, його взаємодію з **Table** і **Cards** та вибір представлення за умовою. ## Покрокова інструкція з налаштування View Container [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%BF%D0%BE%D0%BA%D1%80%D0%BE%D0%BA%D0%BE%D0%B2%D0%B0-%D1%96%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D1%96%D1%8F-%D0%B7-%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-view-container) Перед початком важливо розрізняти представлення та запис. Представлення, або **View**, визначає розташування полів, елементів і контейнерів. Його вигляд налаштовується в **“Edit Template”**. Запис, або **item**, містить дані, які відображаються в цих полях. Якщо у **View Container** обрати лише представлення, форма може відображатися без даних. Щоб працювати з конкретним записом, потрібно налаштувати його початковий вибір або передавати його з іншого елемента. Для прикладу використаємо форму з основною та контактною інформацією клієнта. ### Крок 1. Оберіть додаток і представлення [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%BA%D1%80%D0%BE%D0%BA-1-%D0%BE%D0%B1%D0%B5%D1%80%D1%96%D1%82%D1%8C-%D0%B4%D0%BE%D0%B4%D0%B0%D1%82%D0%BE%D0%BA-%D1%96-%D0%BF%D1%80%D0%B5%D0%B4%D1%81%D1%82%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%BD%D1%8F) Відкрийте **“Edit Field”** елемента **View Container**. У блоці **“Default Value Settings”** знайдіть параметр **“Application”** та оберіть додаток, із якого потрібно отримувати представлення й записи. Після цього в **“View name”** вкажіть представлення, яке має відображатися за замовчуванням. У прикладі використовується **“Form”** із додатка **“View Container 1”**. ![scr1](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/scr1-652f7e02e8.png "null") ### Крок 2. Увімкніть показ початкового запису [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%BA%D1%80%D0%BE%D0%BA-2-%D1%83%D0%B2%D1%96%D0%BC%D0%BA%D0%BD%D1%96%D1%82%D1%8C-%D0%BF%D0%BE%D0%BA%D0%B0%D0%B7-%D0%BF%D0%BE%D1%87%D0%B0%D1%82%D0%BA%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE-%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D1%83) Щоб у формі одразу з’явилися дані, увімкніть **“Show default item”**. **View Container** відображатиме перший запис із вибраного додатка з урахуванням налаштованих сортування та фільтрів. Поверніться до сторінки та перевірте результат. Усередині основного представлення має з’явитися форма з даними клієнта. ![scr2](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/scr2-40b15b1b9a.png "null") Зверніть увагу, вибір представлення сам по собі не створює нового запису. Якщо контейнер не отримав запис для відображення, введені у форму значення не можна зберегти як його дані. ### Крок 3. Налаштуйте вибір початкового запису [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%BA%D1%80%D0%BE%D0%BA-3-%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B9%D1%82%D0%B5-%D0%B2%D0%B8%D0%B1%D1%96%D1%80-%D0%BF%D0%BE%D1%87%D0%B0%D1%82%D0%BA%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE-%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D1%83) Після увімкнення **“Show default item”** можна налаштувати сортування та фільтрування записів. У параметрі **“Sort by”** оберіть поле, за яким потрібно впорядкувати дані. Для прикладу використаємо **“First Name”**. У **“Items Order”** вкажіть **“Ascending”** для прямого алфавітного порядку або **“Descending”** для зворотного. ![scr3](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/scr3-6664a3ab15.png "null") Контейнер показуватиме перший запис у визначеному порядку. Якщо потрібно обмежити вибірку, натисніть **“Add Filter”** та задайте умову. Можна відібрати конкретний запис або групу записів, перший із яких відображатиметься при відкритті сторінки. ## Перемикання записів за допомогою таблиці [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%BF%D0%B5%D1%80%D0%B5%D0%BC%D0%B8%D0%BA%D0%B0%D0%BD%D0%BD%D1%8F-%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D1%96%D0%B2-%D0%B7%D0%B0-%D0%B4%D0%BE%D0%BF%D0%BE%D0%BC%D0%BE%D0%B3%D0%BE%D1%8E-%D1%82%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%96) **View Container** може отримувати інформацію про вибраний запис від інших елементів. Це дозволяє залишити список клієнтів на сторінці, а їхні дані відкривати поруч із ним. Для такого сценарію підготуйте представлення з таблицею та **View Container**. У контейнері оберіть додаток і форму, яка має показувати дані клієнта. ### Крок 1. Змініть дію при натисканні на рядок [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%BA%D1%80%D0%BE%D0%BA-1-%D0%B7%D0%BC%D1%96%D0%BD%D1%96%D1%82%D1%8C-%D0%B4%D1%96%D1%8E-%D0%BF%D1%80%D0%B8-%D0%BD%D0%B0%D1%82%D0%B8%D1%81%D0%BA%D0%B0%D0%BD%D0%BD%D1%96-%D0%BD%D0%B0-%D1%80%D1%8F%D0%B4%D0%BE%D0%BA) Відкрийте **“Edit Field”** елемента **Table**. У параметрі **“Item action”** оберіть **“Send Message”**. Тепер таблиця передаватиме повідомлення про вибраний запис іншому елементу. Для цього з’являться додаткові параметри адресата. ### Крок 2. Вкажіть View Container як отримувача [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%BA%D1%80%D0%BE%D0%BA-2-%D0%B2%D0%BA%D0%B0%D0%B6%D1%96%D1%82%D1%8C-view-container-%D1%8F%D0%BA-%D0%BE%D1%82%D1%80%D0%B8%D0%BC%D1%83%D0%B2%D0%B0%D1%87%D0%B0) У **“Application Send Message”** оберіть додаток, у якому розміщено потрібний контейнер. У **“Field Send Message”** вкажіть сам елемент **View Container**. У прикладі це додаток **“View Container 2”** і поле **“View Container”**. ![scr4](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/scr4-1fe87627c3.png "null") ### Крок 3. Перевірте перемикання записів [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%BA%D1%80%D0%BE%D0%BA-3-%D0%BF%D0%B5%D1%80%D0%B5%D0%B2%D1%96%D1%80%D1%82%D0%B5-%D0%BF%D0%B5%D1%80%D0%B5%D0%BC%D0%B8%D0%BA%D0%B0%D0%BD%D0%BD%D1%8F-%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D1%96%D0%B2) Поверніться до сторінки та натисніть на рядок таблиці. Дані вибраного клієнта мають з’явитися у **View Container** поруч зі списком. ![scr5](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/scr5-595a9283a8.png "null") Оберіть інший рядок і перевірте, що вміст форми змінився. При цьому ви залишаєтеся на тій самій сторінці: запис відкривається всередині контейнера, а адреса сторінки не змінюється. ## Перемикання записів за допомогою карток [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%BF%D0%B5%D1%80%D0%B5%D0%BC%D0%B8%D0%BA%D0%B0%D0%BD%D0%BD%D1%8F-%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D1%96%D0%B2-%D0%B7%D0%B0-%D0%B4%D0%BE%D0%BF%D0%BE%D0%BC%D0%BE%D0%B3%D0%BE%D1%8E-%D0%BA%D0%B0%D1%80%D1%82%D0%BE%D0%BA) За таким самим принципом **View Container** можна пов’язати з елементом **Cards**. Користувач обиратиме картку, а контейнер показуватиме відповідний запис. ### Крок 1. Налаштуйте дію картки [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%BA%D1%80%D0%BE%D0%BA-1-%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B9%D1%82%D0%B5-%D0%B4%D1%96%D1%8E-%D0%BA%D0%B0%D1%80%D1%82%D0%BA%D0%B8) Відкрийте налаштування **Cards**. У параметрі дії картки, який у нашому прикладі має назву **“card\_action”**, оберіть **“Send Message”**. У полі **“Application”** для передавання повідомлення вкажіть додаток із контейнером, а в **“Field Send Message”** – потрібний **View Container**. ![scr6](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/scr6-ed70399019.png "null") ### Крок 2. Перевірте результат [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%BA%D1%80%D0%BE%D0%BA-2-%D0%BF%D0%B5%D1%80%D0%B5%D0%B2%D1%96%D1%80%D1%82%D0%B5-%D1%80%D0%B5%D0%B7%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%82) Поверніться до додатка та послідовно натисніть кілька карток. Вміст контейнера має змінюватися відповідно до вибраного запису. У відео показано приклад зі списком контактів ліворуч і областю спілкування праворуч. Вона використовує елемент **Conversation** усередині представлення, яке відображає контейнер. Налаштування самого **Conversation** є окремим завданням. ![scr7](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/scr7-05bb371142.png "null") Для звичайного перемикання записів достатньо налаштувати початкове представлення **View Container** та передавання повідомлень із **Cards** або **Table**. Додаткові умови вибору представлення потрібні лише тоді, коли його вигляд має залежати від даних. ## Вибір представлення залежно від значення поля [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%B2%D0%B8%D0%B1%D1%96%D1%80-%D0%BF%D1%80%D0%B5%D0%B4%D1%81%D1%82%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%BD%D1%8F-%D0%B7%D0%B0%D0%BB%D0%B5%D0%B6%D0%BD%D0%BE-%D0%B2%D1%96%D0%B4-%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%BD%D1%8F-%D0%BF%D0%BE%D0%BB%D1%8F) **View Container** дозволяє показувати різні представлення для записів із різними характеристиками. Наприклад, значення **“Main Info”** у полі **“Type”** може відкривати основну інформацію клієнта, а **“Contacts”** – його контактні дані. Для цього використовується блок **“Cases Settings”**. ### Крок 1. Підготуйте представлення [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%BA%D1%80%D0%BE%D0%BA-1-%D0%BF%D1%96%D0%B4%D0%B3%D0%BE%D1%82%D1%83%D0%B9%D1%82%D0%B5-%D0%BF%D1%80%D0%B5%D0%B4%D1%81%D1%82%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%BD%D1%8F) У додатку мають бути створені представлення для кожного варіанта відображення. У прикладі **“Form Name”** містить основну інформацію клієнта, а **“Form Contacts”** – контактні дані. Окреме порожнє представлення **“Empty”** використовується як початкове. Його обирають у **“Default Value Settings”**, щоб за відсутності відповідної умови контейнер не показував зайвої інформації. ### Крок 2. Додайте варіанти відображення [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%BA%D1%80%D0%BE%D0%BA-2-%D0%B4%D0%BE%D0%B4%D0%B0%D0%B9%D1%82%D0%B5-%D0%B2%D0%B0%D1%80%D1%96%D0%B0%D0%BD%D1%82%D0%B8-%D0%B2%D1%96%D0%B4%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%BD%D1%8F) У налаштуваннях **View Container** перейдіть до **“Cases Settings”**. Натисніть **“Add Option”** і додайте потрібні представлення до списку. Для нашого прикладу це **“Form Name”** та **“Form Contacts”**. ![scr8](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/scr8-739a05c353.png "null") ### Крок 3. Налаштуйте умову для основної інформації [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%BA%D1%80%D0%BE%D0%BA-3-%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B9%D1%82%D0%B5-%D1%83%D0%BC%D0%BE%D0%B2%D1%83-%D0%B4%D0%BB%D1%8F-%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D0%BE%D1%97-%D1%96%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D1%96%D1%97) Відкрийте фільтр у рядку **“Form Name”**. Оберіть поле **“Type”** та задайте умову відповідності значенню **“Main Info”**. У показаному прикладі використовується тип перевірки **“Equals(or)”**. Якщо запис має відповідне значення, контейнер відображатиме представлення з основною інформацією клієнта. ![scr9](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/scr9-270068d40e.png "null") ### Крок 4. Налаштуйте умову для контактів [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D0%BA%D1%80%D0%BE%D0%BA-4-%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B9%D1%82%D0%B5-%D1%83%D0%BC%D0%BE%D0%B2%D1%83-%D0%B4%D0%BB%D1%8F-%D0%BA%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%96%D0%B2) У рядку **“Form Contacts”** відкрийте фільтр і задайте для поля **“Type”** значення **“Contacts”**. ![scr10](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/scr10-7e893479de.png "null") Після цього перевірте записи з різними значеннями **“Type”**. Для **“Main Info”** має відображатися основна інформація, для **“Contacts”** – контактні дані. У цьому прикладі **View Container** розміщений усередині форми запису, яку відкриває таблиця. Тому вибір запису та вибір його представлення відбуваються на різних рівнях: таблиця відкриває потрібний запис, а контейнер перевіряє його дані й показує відповідний вміст. ## Інші способи використання View Container [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/nalashtuvannia-view-container/#%D1%96%D0%BD%D1%88%D1%96-%D1%81%D0%BF%D0%BE%D1%81%D0%BE%D0%B1%D0%B8-%D0%B2%D0%B8%D0%BA%D0%BE%D1%80%D0%B8%D1%81%D1%82%D0%B0%D0%BD%D0%BD%D1%8F-view-container) **View Container** також може взаємодіяти з **Nested List** та **View Tab**. Ці елементи використовуються для організації переходів та перемикання вмісту й мають власні налаштування. За потреби на сторінці можна розмістити кілька **View Container** або показувати представлення, усередині якого є ще один контейнер. Це дозволяє поєднувати список записів, детальну інформацію та окремі блоки даних в одному робочому просторі. Налаштований **View Container** допомагає переглядати потрібну інформацію без постійного переходу між сторінками. Його початкове представлення, джерело даних та умови відображення можна змінювати відповідно до робочих процесів вашої компанії. Мова Зміст [Відкрити джерело](https://app.gudhub.com:443/userdata/41557/1225458.md)