arrow_back_iosВопросы
help

Мне не нравятся полосы времени, могу я их убрать?

check_circle
Да, вы можете скрыть любой элемент с виджета. Перейдите в настройки виджета, на вкладку Вид. Выставьте флаг Использовать свои css-стили и вставьте такой CSS:
.timeline {
  display: none;
}

.calendar-day_selected .calendar-day__hour-ticks, .calendar-day__hour-ticks {
  opacity: 0;
}

.calendar-day__levels {
  display: none;
}
В итоге получится такой календарь:
Однако при этом клиенты не видят, в какие дни есть свободные места. Вы можете воспользоваться специальными CSS классами, чтобы стилизовать такие дни:
.calendar-day {
  /* день календаря */
}

.calendar-day_current {
  /* день текущего месяца */
}

.calendar-day_selected {
  /* выбранный день */
}

.calendar-day_has-reserved-time {
  /* день, когда есть занятое время */
}

.calendar-day_has-available-time {
  /* день, когда есть свободное время */
}

.calendar-day_has-reserved-time.calendar-day_has-available-time {
  /* день, когда есть и занятое и свободное время */
}
Например, вы можете просто вставить такой готовый стиль:
.timeline {
  display: none;
}

.calendar-day_selected .calendar-day__hour-ticks, .calendar-day__hour-ticks {
  opacity: 0;
}

.calendar-day__levels {
  display: none;
}

.calendar-day {
  background:rgba(0,0,0,0.03);
}

.calendar-day_current {
  color:rgb(0,0,0);
}

.calendar-day_has-reserved-time {
  background:rgba(255, 0, 0, 0.4);
}

.calendar-day_has-available-time {
  background:rgb(255, 255, 255);
}

.calendar-day_has-reserved-time.calendar-day_has-available-time {
  background: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(255, 0, 0, 0.2) 50%, rgba(255, 0, 0, 0.2) 100%);
}

.calendar-day_has-reserved-time.calendar-day_has-available-time:hover {
  background: rgb(238, 238, 238);
}

.calendar-day.calendar-day_selected {
  background:rgb(0,0,0);
  color:rgb(255,255,255);
}
Посмотрите результат на виджете:
Не нашли ответа на ваш вопрос?
Задайте его нам на
mail_outlinesupport@bukza.com