# Виджет заголовка страницы

> [HTML Version](portal_title_widget.html)

Виджет отображает на верхней панели страницы внешнего портала следующие компоненты:

- название и логотип компании;

- кнопку **Мои порталы** — появится, если у пользователя есть доступ к нескольким порталам. Позволяет перейти в другой портал без повторной авторизации;

- имя пользователя и кнопку **Выйти**.

На страницах, [созданных по шаблону](portal-setting.md#template), виджет по умолчанию добавлен в [Заголовок](portal_elements.md).

**(portal_title_widget.png)**

При просмотре страниц внешнего портала с мобильного устройства в **Виджет заголовка страницы** добавляется кнопка (portal_title_widget_2.png), которая используется для навигации по порталу.

## Настройка виджета

Вы можете изменить настройки виджета в [дизайнере интерфейсов](interface_designer.md). Для этого перейдите в раздел с настроенным порталом, откройте его страницу и нажмите на название добавленной страницы в списке.  

Выделите виджет и нажмите на значок шестерёнки.

(portal_title_widget_1.png)

В открывшемся меню доступны следующие опции: 

- **Настроить** — откроется окно [системных настроек виджета](common_widget_settings.md). Они позволяют управлять видимостью и доступом виджета, настраивать его поведение при наведении курсора и т. д.;

- **Перейти в конструктор** — откроется конструктор виджета, в котором вы можете настроить добавленные по умолчанию элементы: заголовок страницы, название и логотип компании, имя пользователя, кнопки **Мои порталы** и **Выйти**.  

### Настроить содержимое виджета 

В конструкторе с помощью встроенного виджета [Код](code_widget.md) и [скриптов](client_server_scripts.md) вы можете изменить добавленные в виджет элементы. Например, чтобы отредактировать заголовок, перейдите на вкладку **Скрипты** и измените значение переменной **PageHeaderText** в строке: 

````
let headerText: string = 'PageHeaderText'; 

````
Подробнее о методах вывода в виджете **Код** и работе со скриптами можно прочитать в справке ELMA365 TS SDK в статьях [«API для отображения стандартных виджетов»](https://tssdk.elma365.com/ru/latest/interfaces/_102_ui_widgets_.widget.html) и [«Виджет „Код“»](https://tssdk.elma365.com/ru/latest/modules/_102_ui_widgets_.html).  

Для завершения настройки виджета нажмите кнопку **Сохранить**. Затем сохраните и опубликуйте отредактированную страницу, нажав на кнопки на верхней панели дизайнера интерфейсов.

## Удаление виджета 

Чтобы удалить виджет со страницы, перейдите в дизайнер интерфейсов и выделите его. Затем нажмите на значок корзины и подтвердите действие. 

Удалённый виджет можно добавить заново. Для этого перетащите виджет с правой боковой панели дизайнера интерфейсов на верхнюю панель шаблона или нажмите на ней **+ Виджет** и выберите** Виджет заголовка страницы**. 

Также убрать виджет со страницы вы можете, скрыв панель, в которой он отображается. Подробнее об этом читайте в статье [«Элементы страницы внешнего портала»](portal_elements.md).