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

# Робота з View Layout
                #

Нічого не знайдено

# Робота з View Layout [#](https://gudhub.com/uk/tutorials/rozshyrenni-nalashtuvannia/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/rozshyrenni-nalashtuvannia/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://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/robota-z-view-layout/1-10e0266d39.png "null") Клікніть правою кнопкою миші по робочому полю та оберіть **“Template Builder”**. ![2](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/robota-z-view-layout/2-5c6eba5713.jpeg "null") Функція **View Layout** доступна лише у **PRO-версії GudHub**. Якщо у вас активна **PRO-версія**, у **"Template Builder"** ви можете створювати та налаштовувати власні макети перегляду.

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

**“Main”** – головне вікно таблиці, у якому відображається зведена інформація про записи. ![3](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/robota-z-view-layout/3-71d6b821b2.jpeg "null") **“Form”** – вкладене вікно у **“Main”**, у якому відображається детальна інформація про вибраний запис. ![4](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/robota-z-view-layout/4-6170e5c1f0.jpeg "null") За таким самим принципом можна створювати додаткові вікна, формуючи систему з вікон різного рівня вкладеності відповідно до потреб вашої системи.

Щоб додати нове вікно, натисніть **“+”**. ![5](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/robota-z-view-layout/5-e8ea9bc7e5.jpeg "null") Після цього оберіть шаблон, який відповідає вашим завданням. Розташування блоків у кожному шаблоні показано на його попередньому перегляді. ![6](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/robota-z-view-layout/6-86474aed38.png "null") Також ви можете самостійно визначити розташування потрібних блоків. Для цього оберіть **Порожній шаблон** **(Blank Page Layout)**. Він дозволить створити макет із власним розташуванням блоків відповідно до потреб вашої системи. ![7](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/robota-z-view-layout/7-79b8309184.png "null") Для прикладу оберемо перший варіант шаблону. Після вибору натисніть **“Next”**. ![8](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/robota-z-view-layout/8-62f63a59ce.jpeg "null") Далі введіть назву створеного шаблону. Вона відображатиметься на панелі навігації між вікнами. ![9](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/robota-z-view-layout/9-4fea6380da.png "null") Після введення назви натисніть **“Add View”**. ![10](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/robota-z-view-layout/10-b66abc2f83.jpeg "null") Після цього на панелі навігації з’явиться нове вікно **“Деталізація”**. ![11](https://gudhub.com/assets/images/uk/tutorials/rozshyrenni-nalashtuvannia/robota-z-view-layout/11-2bb2898498.jpeg "null") Тепер ви можете налаштовувати наявні блоки, додавати необхідні інструменти та створювати зв’язки між таблицями для відображення потрібних даних.

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

Мова

Зміст

[Відкрити джерело](https://app.gudhub.com:443/userdata/41557/1205231.md)
