Личный кабинет OneBox CRM
Связаться с нами
+38 (067) 328-75-45
+38 (050) 324-46-54
Кабинет клиентаБаза знаний › Просмотр базы знаний

Элементы для выделения контента

Для выделения контента из общей массы, можно использовать следующие варианты:
  • Выделение текста цветом, используя классы
    .good
    и
    .important

    Данный вариант удобно использовать для отображения текста об ошибке/успехе.
  • Выделение текста цветом, используя обвертку
    .ob-wf-stage

    Данный вариант удобно использовать для отображения этапа бизнес-процесса или статуса.
  • Выделение элементов форм, используя обвертку
    .important-field

    Данный вариант удобно использовать, когда необходимо акцентировать внимание пользователя на некоторых элементах форм.
  • Выделение цифровых значений, используя обвертку
    .ob-count-element

    Данный вариант удобно использовать для отбражения количества уведомлений/задач/и т.тд.
  • Выделение текста, используя классы
    .ob-stage-closed
    и
    .ob-stage-hidden

    Данный вариант удобно использовать для обозначения статуса объекта (закрыт/скрыт или удален).


<span class="good">Example text</span>

<span class="important">Example text</span>

<span class="ob-wf-stage">Example text</span>

<div class="important-field">
    <input type="text" name="" />
</div>

<div class="important-field">
    <select class="chzn-select" style="width: 300px;">
        <option value="">Value 1</option>
        <option value="">Value 2</option>
        <option value="">Value 3</option>
        <option value="">Value 4</option>
        <option value="">Value 5</option>
    </select>
</div>

<div class="ob-count-element">10</div>

<span class="ob-stage-closed">Closed task</span>
<a href="#" class="ob-stage-closed">Closed task</a>

<span class="ob-stage-hidden">Hidden task</span>
<a href="#" class="ob-stage-hidden">Hidden taskt</a>

Пример