Service Creatio, enterprise edition
PDF
Базовая функциональность Creatio
Это документация Creatio версии 7.15.0. Мы рекомендуем использовать новую версию документации.

Элемент [Кнопка]

Элемент [Кнопка] (Рис. 1) предназначен для визуализации ссылок призыва к действию.

Рис. 1 — Добавление кнопки в баннер

adding_button_from_toolbar.gif 

На ЗАМЕТКУ

Элемент контента [Кнопка] не тождественен HTML-элементу <button>.
Для добавления в шаблон HTML-элемента <button> воспользуйтесь блоком контента [HTML].

Панель настройки кнопки

В этой области можно просмотреть и изменить настройки стиля кнопки.

Рис. 2 — Панель настройки кнопки

scr_button_setup_area.png 

Параметр

Описание

Навигационная цепочка (1)

Воспользуйтесь навигационной цепочкой для перемещения между настройками вложенных элементов шаблона.

Ссылка для перехода

По URL-адресу, указанному в этом поле, будет выполнен переход при клике на кнопку.

Шрифт

В этой группе настроек определяются свойства шрифта текста на кнопке.

[Набор шрифтов дизайнера шаблонов] — укажите шрифт кнопки. Подробнее читайте в статье “Добавление пользовательских шрифтов”.

[Размер, px] — укажите высоту шрифта в пикселях.

Чтобы изменить цвет шрифта, нажмите font_color_picker.png и в открывшемся окне выберите необходимый цвет.

[Высота строки, px] — укажите расстояние между строками текста и границами элемента.

Максимально допустимая высота строки составляет 250 пикселей, а минимальная не может быть меньше высоты шрифта.

[Расстояние между символами, px] — укажите расстояние между символами в надписи.

Размер, px

Укажите ширину и высоту кнопки в пикселях.

Выравнивание

Настройте для кнопки горизонтальное (по левой границе btn_alignment_horizontal_left00039.png, по центру btn_alignment_horizontal_center00040.png или по правой границе btn_alignment_horizontal_right00041.png) и вертикальное (по верхней границе btn_alignment_vertical_top00042.png, по центру btn_alignment_vertical_middle00043.png или по нижней границе btn_alignment_vertical_bottom00044.png) выравнивание для кнопки.

На ЗАМЕТКУ

Применение к стандартной кнопке различных параметров выравнивания по вертикали, скорее всего, не даст видимого эффекта из-за недостаточной высоты элемента.

Внешние отступы, px

Укажите расстояние, которое должно отделять кнопку от границ секции и/или соседних элементов контента.

Это расстояние указываются отдельно для каждой из сторон кнопки.

Отступы, px

Укажите расстояние (в пикселях) между текстом кнопки и ее границами.

Отступы указываются отдельно для каждой из границ.

Скругление углов

Укажите радиус скругления углов кнопки. Если вы хотите сохранить острые углы, оставьте этот параметр незаполненным. Эта настройка определяет радиус скругления для всех четырех углов кнопки.

На ЗАМЕТКУ

Используйте элемент [HTML] и код со встроенными стилями CSS, чтобы настроить эллиптические углы и другие специальные эффекты.

Фон

Укажите цвет фона кнопки.

По умолчанию для кнопок активно использование фона. Чтобы отключить фон, снимите признак (2).

Установите признак, чтобы применить все настройки фона кнопки.

Чтобы настроить однотонный фон, нажмите border_color_picker00045.png и в открывшемся окне выберите необходимый цвет.

Границы

Здесь выполняется настройка границ кнопки.

По умолчанию использование визуальных границ для новых кнопок неактивно. Чтобы активировать настройку границ, установите признак (3).

Чтобы указать цвет границ, нажмите border_color_picker00046.png и в открывшемся окне выберите необходимый цвет.

В поле icon_border_width00047.png укажите ширину границы. Для скрытой границы установите стиль “Hidden”.

В выпадающем меню (4) выберите стиль границ. По умолчанию при активации использования границ устанавливается стиль “Solid”. Для выбора в списке доступны следующие стили:

border_style_hidden00048.png – Hidden

На заметку

Граница определена, но не отображается. В этом стиле ширина границы фактически равна “0”.

border_style_dotted00049.png – Dotted

border_style_dashed00050.png – Dashed

border_style_solid00051.png – Solid

border_style_double00052.png – Double

border_style_groove00053.png – Groove

border_style_ridge00054.png – Ridge

border_style_inset00055.png – Inset

border_style_outset00056.png – Outset

Определите, какие границы использовать, при помощи признаков [Верхний], [Нижний], [Слева] и [Справа].

Был ли данный материал полезен?

Как можно улучшить эту статью?