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

Вкладка Настройки
Ниже дано краткое описание общих кнопок и полей, отображаемых на вкладке Настройки.
Image Added
| Сбрасывает все настройки до примененной темы. |
Заголовок

![]() | Автоматическое определение высоты заголовка, для корректного отображения текста. |

![]() | Скрытие / отображение заголовка виджета. По умолчанию заголовок отображается. |
![]() |

![]() | Настройка межстрочного интервала. |
![]() ![]() | Настройка высоты заголовка. |
![]() ![]() | Настройка шрифта и его размера. |

![]() | Выравнивание заголовка. |

![]() | Настройка начертания текста. |
![]() | В поле Текст указывается заголовок виджета. Включив опцию Добавить ссылку, вы сможете указать адрес страницы, которая загрузится при клике на заголовке. |
Цветовая палитра

![]() | Ручная настройка. Позволяет вносить изменения в стили и в настройки виджетов стандартную палитру цветов. Измерение порядка цветов возможно с помощью "перетаскивания" (drag and drop) |
Image Removed
Задание цвета области отображения текста заголовка.
Image Removed
Задание цвета текста.
Image Removed
. |

Добавление / скрытие ссылки перехода по нажатию на заголовок. В поле редактирования указывается ссылка перехода.
Общие

![]() | Уникальный номер виджета, который автоматически присваивается ему системой. Используется для привязки данных из одного виджета к другому. |
Image Removed
Вспомогательная привязка к другому виджету (и его данным). Настройка влияния данных связанного элемента на настраиваемый виджет производится в режиме «Просмотр (редактирование)».


![]() | Включение / блокировка возможности редактирования кода элемента в режиме «Предпросмотр (редактирование)» и в самом дашборд дизайнере. |

![]() | Это сброс всех изменений кода виджета к стандартному виду. |
Положение элемента

![]() ![]() | Точная настройка положения виджета. За положение с координатами (0;0) принимается левый верхний угол листа. |
![]() ![]() | Точная настройка размеров виджета. |
Рамка

![]() | Скрытие / отображение рамки виджета. |

![]() | Задание цвета рамки виджета стандартными цветами. Если необходимый цвет отсутствует, то воспользуйтесь кнопкой «Дополнительные настройки». |

![]() | С помощью ползунков осуществляется настройка цвета (R, G, B) и прозрачности (A). Существует возможность задать цвет HTML-кодом (#A6FF46F4). По кнопке «Стандартные цвета» осуществляется переход в окно с набором стандартных цветов. |

![]() | Настройка скругления углов для выбранного виджета: |

|

![]() | Блок для настройки тени для выбранного виджета: |

![]() |
Фон

![]() | Настройка отображения фона виджета. |

![]() | Задание цвета фона виджета. |

![]() | С помощью ползунков осуществляется настройка цвета (R, G, B) и прозрачности (A). Существует возможность задать цвет HTML-кодом (#A6FF46F4). По кнопке «Стандартные цвета» осуществляется переход в окно с набором стандартных цветов. |
Выборка | ||
---|---|---|
| ||
Форматирование
Зарезервированные команды:
С синтаксисом зарезервированных команд можно ознакомиться в разделе Продвинутое форматирование свойств виджетов. Пример 1 |

![]() Пример 2. |

|
Выборка | ||
---|---|---|
| ||
Панель фильтров и Drill |
Down |

|
|
Image Removed
|

Image Removed
Настройка цвета и текста для элементов управления детализацией и очистки фильтров, отображаемых на виджете. Image Removed
Пример: |

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

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

|

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

|

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


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