Изменение оформления и положения результата – База знаний uCalc

База знаний uCalc

Изменение оформления и положения результата

Добавьте виджет «HTML-код» к себе в форму:

  1. Скрыть результат
  2. Отобразить результаты в одну строку
  3. Показать результат после нажатия на кнопку
  4. Переместить результат в любое место калькулятора

Скрыть результат

Откройте виджет и вставьте следующий код:

<style>
 .design-footer {
 display: none!important;
 }
</style>

Сохраните изменения.

Отобразить результаты в одну строку

Откройте виджет «HTML-код» и вставьте следующий код:

<style>
.design-footer {
 display: inline-block;
 width: 100%;
}
.total {
 margin-top: 0!important;
 display: inline-block;
 width: ваше значение в процентах;
}
</style>

Поле результатов имеет ширину в 100%, поэтому для корректного отображения вам необходимо разделить 100 на количество результатов и записать полученную сумму в процентах в код. Например, для 4 результатов - 100 / 4 = 25%:

Сохраните изменения:

Показать результат после нажатия на кнопку

Добавьте в форму кнопку и назовите ее, например, «Рассчитать результат». Важно, чтобы в этой кнопке были отключены все уведомления:

Далее необходимо получить идентификатор кнопки. Щелкните по ней правой кнопкой мыши и выберите «Исследовать элемент» («Просмотреть код»). Найдите атрибут id и скопируйте его:

Откройте виджет «HTML-код» и вставьте следующее:

<script>
$(function() {
 $(".design-footer").hide();
 $("#button-48").on('click', function() {
 $(".design-footer").fadeIn(500);
 });
});
</script>

Сохраните изменения.

Переместить результат в любое место калькулятора

Для подобного перемещения обратитесь в службу поддержки для получения индивидуального кода.

ВАЖНО!

Виджет «HTML-код» доступен только в премиум-тарифе.

Если вы не сможете установить код самостоятельно, обратитесь за помощью в службу поддержки

Вы нашли здесь ответ на свой вопрос?
Заполните указанные поля

Вы уже оценивали эту статью.

Спасибо за оценку!

Дарим приятный бонус в виде промо-кода HELP-10 на 10% скидку при оплате тарифа.

Инструкция оказалась полезной для 3 пользователей.

Статьи по теме