---
url: https://gudhub.com/uk/tutorials/getting-started/robota-z-view-layout/
title: "Робота з View Layout\n                #"
description: "У цій інструкції розглянемо, як створити та налаштувати View Layout у GudHub . View Layout – це функція у GudHub, яка дозволяє налаштовувати зовнішній вигляд до"
lang: uk
updated: 2026-09-09T10:48:33.715Z
---

# Робота з View Layout [#](https://gudhub.com/uk/tutorials/getting-started/robota-z-view-layout/#%D1%80%D0%BE%D0%B1%D0%BE%D1%82%D0%B0-%D0%B7-view-layout)

У цій інструкції розглянемо, як створити та налаштувати **View Layout** у **GudHub**.

**View Layout** – це функція у GudHub, яка дозволяє налаштовувати зовнішній вигляд додатків, визначати, які елементи відображатимуться на сторінці, та керувати їхнім розташуванням.

**Зверніть увагу:** можливість використовувати функцію **View Layout** доступна лише у **PRO-версії** GudHub.

**View Layout** можна налаштовувати окремо для кожного додатка.

## Налаштування View Layout [#](https://gudhub.com/uk/tutorials/getting-started/robota-z-view-layout/#%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-layout)

Щоб почати налаштування, відкрийте додаток, зовнішній вигляд якого хочете змінити. ![1](https://app.gudhub.com:443/userdata/41557/1205246.png) Клікніть правою кнопкою миші по робочому полю та оберіть **“Template Builder”**. ![2](https://app.gudhub.com:443/userdata/41557/1205247.jpeg) Функція **View Layout** доступна лише у **PRO-версії GudHub**. Якщо у вас активна **PRO-версія**, у **"Template Builder"** ви можете створювати та налаштовувати власні макети перегляду.

Під час роботи з таблицями за замовчуванням доступні два макети: **“Main”** та **“Form”**.

**“Main”** – головне вікно таблиці, у якому відображається зведена інформація про записи. ![3](https://app.gudhub.com:443/userdata/41557/1205248.jpeg) **“Form”** – вкладене вікно у **“Main”**, у якому відображається детальна інформація про вибраний запис. ![4](https://app.gudhub.com:443/userdata/41557/1205250.jpeg) За таким самим принципом можна створювати додаткові вікна, формуючи систему з вікон різного рівня вкладеності відповідно до потреб вашої системи.

Щоб додати нове вікно, натисніть **“+”**. ![5](https://app.gudhub.com:443/userdata/41557/1205251.jpeg) Після цього оберіть шаблон, який відповідає вашим завданням. Розташування блоків у кожному шаблоні показано на його попередньому перегляді. ![6](https://app.gudhub.com:443/userdata/41557/1205252.png) Також ви можете самостійно визначити розташування потрібних блоків. Для цього оберіть **Порожній шаблон** **(Blank Page Layout)**. Він дозволить створити макет із власним розташуванням блоків відповідно до потреб вашої системи. ![7](https://app.gudhub.com:443/userdata/41557/1205253.png) Для прикладу оберемо перший варіант шаблону. Після вибору натисніть **“Next”**. ![8](https://app.gudhub.com:443/userdata/41557/1205254.jpeg) Далі введіть назву створеного шаблону. Вона відображатиметься на панелі навігації між вікнами. ![9](https://app.gudhub.com:443/userdata/41557/1205255.png) Після введення назви натисніть **“Add View”**. ![10](https://app.gudhub.com:443/userdata/41557/1205256.jpeg) Після цього на панелі навігації з’явиться нове вікно **“Деталізація”**. ![11](https://app.gudhub.com:443/userdata/41557/1205257.jpeg) Тепер ви можете налаштовувати наявні блоки, додавати необхідні інструменти та створювати зв’язки між таблицями для відображення потрібних даних.

Детальніше про налаштування зв’язків та обмін даними між додатками, а також про додавання нових полів у таблицях, ви можете дізнатися у [серії інструкцій](https://gudhub.com/uk/tutorials/getting-started/zvyazok-mizh-dodatkamy/) від GudHub.