Демо

Вывод значений на форме с анимацией (для чисел)

Name: Вывод значений на форме с анимацией (для чисел)
Availability: InStock
Author: Falcon Space

Описание, как реализовать

В этом примере была реализована анимация начальных значений полей.

Для этого мы:

создали форму с полями val1, val2, val3
в GetItem для каждого из них передаем начальное значение
там же для каждого из них передаем класс as-growNum с помощью префикса class_col

CREATE PROCEDURE [dbo].[fm_watch_anim_getItem]
    @itemID int,
	@username nvarchar(256)

AS
BEGIN
	select 	100 val1, 'as-growNum' class_val1,
    		200 val2, 'as-growNum' class_val2,
            300 val3, 'as-growNum' class_val3
END

Другие демостенды

— Вывод полосок прогресса - отображение статуса процесса в личном кабинете
— Визуализация процесса на сайте - отображение движения по статусам

Что есть в базе знаний по этой теме

— Интеграция с Робокассой (платежный шлюз)
— Как сделать поля с анимацией значений
— Дашборды. Как вызвать коллбек после загрузки дашборда
— Как сделать числовой счетчик (анимация изменения)
— Руководство по юзабилити сайтов на Falcon Space
— Кастом разметка верхней панели (TopMakeup)

В чем выгода для бизнеса?

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