Marketing Creatio
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_left00041.png, по центру btn_alignment_horizontal_center00042.png или по правой границе btn_alignment_horizontal_right00043.png) и вертикальное (по верхней границе btn_alignment_vertical_top00044.png, по центру btn_alignment_vertical_middle00045.png или по нижней границе btn_alignment_vertical_bottom00046.png) выравнивание для кнопки.

На заметку

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

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

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

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

Отступы, px

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

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

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

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

На заметку

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

Фон

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

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

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

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

Границы

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

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

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

В поле icon_border_width00049.png укажите ширину границы. Обратите внимание, что для границ нельзя указать ширину, равную “0”. Для скрытой границы установите стиль “Hidden”.

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

  • border_style_hidden00050.png – Hidden

На заметку

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

  • border_style_dotted00051.png – Dotted

  • border_style_dashed00052.png – Dashed

  • border_style_solid00053.png – Solid

  • border_style_double00054.png – Double

  • border_style_groove00055.png – Groove

  • border_style_ridge00056.png – Ridge

  • border_style_inset00057.png – Inset

  • border_style_outset00058.png – Outset

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

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

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