Сравнение версий
Версия | Старая версия 10 | Новая версия Текущий |
---|---|---|
Изменения, внесенные | ||
Сохранено |
Ключ
- Эта строка добавлена.
- Эта строка удалена.
- Изменено форматирование.
Вкладка
«Настройки»Настройки
Ниже описана функциональность дано краткое описание общих кнопок и полей вкладки «Настройки», отображаемых на вкладке Настройки.

Image Added
![]() | Сбрасывает все настройки до примененной темы. |
Заголовок
![]() ![]() | Автоматическое определение высоты заголовка, для корректного отображения текста. |
![]() | Скрытие / отображение заголовка виджета. По умолчанию заголовок отображается. |
![]() ![]() | Настройка межстрочного интервала. |
![]() ![]() | Настройка высоты заголовка. |
![]() ![]() | Настройка шрифта и его размера. |
![]() | Выравнивание заголовка. |
![]() ![]() | Настройка начертания текста. |
![]() | В поле Текст указывается заголовок виджета. Включив опцию Добавить ссылку, вы сможете указать адрес страницы, которая загрузится при клике на заголовке. |
Цветовая палитра
![]() ![]() | Ручная настройка. Позволяет вносить изменения в стили и в настройки виджетов стандартную палитру цветов. Измерение порядка цветов возможно с помощью "перетаскивания" (drag and drop). | ![]() | Задание цвета области отображения текста заголовка. |
![]() | Задание цвета текста. | ||
![]() | Поле для редактирования заголовка виджета. | ||
![]() | Добавление / скрытие ссылки перехода по нажатию на заголовок. В поле редактирования указывается ссылка перехода. |
Общие

Общие
![]() | Уникальный номер виджета, который автоматически присваивается ему системой. Используется для привязки данных из одного виджета к другому. |
![]() | Вспомогательная привязка к другому виджету (и его данным). Настройка влияния данных связанного элемента на настраиваемый виджет производится в режиме «Просмотр (редактирование)». |
![]() ![]() ![]() | Включение / блокировка возможности редактирования кода элемента в режиме «Предпросмотр (редактирование)» и в самом дашборд дизайнере. |
![]() ![]() | Это сброс всех изменений кода виджета к стандартному виду. |
Положение элемента
![]() ![]() ![]() | Точная настройка положения виджета. За положение с координатами (0;0) принимается левый верхний угол листа. |
![]() ![]() ![]() | Точная настройка размеров виджета. |
Рамка
![]() | Скрытие / отображение рамки виджета. |
![]() | Задание цвета рамки виджета стандартными цветами. Если необходимый цвет отсутствует, то воспользуйтесь кнопкой «Дополнительные настройки». |
![]() ![]() | С помощью ползунков осуществляется настройка цвета (R, G, B) и прозрачности (A). Существует возможность задать цвет HTML-кодом (#A6FF46F4). По кнопке «Стандартные цвета» осуществляется переход в окно с набором стандартных цветов. |
![]() ![]() | Настройка скругления углов для выбранного виджета: ![]()
|
![]() | Блок для настройки тени для выбранного виджета: ![]() |
Фон
![]() | Настройка отображения фона виджета. |
![]() ![]() | Задание цвета фона виджета. |
![]() ![]() | С помощью ползунков осуществляется настройка цвета (R, G, B) и прозрачности (A). Существует возможность задать цвет HTML-кодом (#A6FF46F4). По кнопке «Стандартные цвета» осуществляется переход в окно с набором стандартных цветов. |
Выборка | ||
---|---|---|
| ||
Форматирование |

Зарезервированные команды:
С синтаксисом зарезервированных команд можно ознакомиться в разделе Продвинутое форматирование свойств виджетов. Пример 1 |
@series.name+ '</div>' |


![]() Пример 2. |
|
Выборка | ||
---|---|---|
| ||
Панель фильтров и Drill Down |

|

Пример: |

После выбора «Использовать Drill |
down», на гистограмме отображаются данные соответствующие первому уровню детализации «Отдел». |

Для того, чтобы попасть на следующий уровень детализации, необходимо кликнуть два раза левой кнопкой мыши по одному из столбцов или |
выбрать иконку |
down увеличиваются при наведении на них и становится доступен переход на любой из уровней. |

![]() Настройка серий и сегментов
|

|

|
Общая цветовая палитра (Colorpicker)
Для изменения цветов различных элементов виджетов используется компонент "Colorpicker":

Image Added
На вкладке "Стандартные" colorpicker содержит:
"Тема" - отображаются все цвета из темы проекта
"Стандартные" - набор стандартных цветов
"Недавние" - 10 недавно использованных цветов. Цвета отображаются общие для всех виджетов и для всех элементов виджетов (текст, фон, рамка и т.д.)
На вкладке "Дополнительно" имеется возможность настройки цвета по:
RGBA
HEX
Ручная настройка по шкале


Информация |
---|
"Недавние" цвета сохраняются только в рамках текущей сессии Desktop Designer, после выхода и повторного входа все "Недавние" цвета очищаются. Если вы хотите их сохранить, но необходимо добавить эти цвета в вашу "Тему проекта" |