umbot
    Preparing search index...

    Interface IViberCard

    IViberCard Псевдоним IViberButton — элемент rich_media.

    Особенности:

    • Поддерживает форматированный текст (HTML)
    • Позволяет настраивать размеры карточки (Columns 1–6 по ширине, Rows 1–7 по высоте)
    • Может содержать изображения и кнопки
    • Поддерживает различные стили текста
    • ActionBody обязателен только для действий reply, open-url, share-phone и location-picker
    // Создание простой карточки: кнопка мерджится в сам элемент,
    // вложенного поля Buttons у элемента rich_media нет
    const card: IViberCard = {
    Columns: 6, // Максимальная ширина
    Rows: 7, // Максимальная высота
    Image: '/image.jpg',
    Text: '<font color=#000><b>Заголовок</b></font><br><font color=#ccc>Описание</font>',
    ActionType: 'reply', // опционально; для ячеек без действия — 'none'
    ActionBody: 'card_action' // опционально; обязателен для действий с переходом/ответом
    };

    // Создание карточки с кнопкой: поля кнопки задаются на самом элементе
    const cardWithButton: IViberCard = {
    Columns: 6,
    Rows: 7,
    Image: '/image.jpg',
    Text: '<font color=#000><b>Заголовок</b></font><br><font color=#ccc>Описание</font>',
    ActionType: 'reply',
    ActionBody: 'button_action'
    };
    interface IViberCard {
        ActionBody?: string | null;
        ActionType?: string;
        Columns?: number;
        Image?: string;
        Rows?: number;
        Text?: string | null;
        TextHAlign?: string;
        TextSize?: string;
        TextVAlign?: string;
    }
    Index

    Properties

    ActionBody?: string | null

    Данные, которые будут отправлены при нажатии на кнопку. Для кнопок типа reply - текст сообщения Для кнопок типа open-url - URL для перехода

    const button: IViberButton = {
    ActionType: 'reply',
    ActionBody: 'button_click',
    Text: 'Нажми меня'
    };
    ActionType?: string

    Тип действия кнопки. Возможные значения:

    • reply - отправка сообщения
    • open-url - открытие URL
    • share-phone - поделиться номером телефона
    • location-picker - выбор местоположения
    • none - ячейка без действия (текстовые ячейки карточек rich_media, T_NONE)
    const button: IViberButton = {
    ActionType: 'reply',
    ActionBody: 'button_click',
    Text: 'Нажми меня'
    };
    Columns?: number

    Количество колонок, которые занимает кнопка. Span по ширине в сетке ButtonsGroupColumns (1–6).

    const button: IViberButton = {
    Columns: 6, // Кнопка занимает всю ширину
    Text: 'Нажми меня'
    };
    Image?: string

    URL изображения для кнопки. Изображение будет отображаться на кнопке.

    const button: IViberButton = {
    Text: 'Нажми меня',
    Image: 'http://localhost/button.png'
    };
    Rows?: number

    Количество строк, которые занимает кнопка. Span по высоте в сетке ButtonsGroupRows (1–7).

    const button: IViberButton = {
    Rows: 2, // Кнопка занимает две строки
    Text: 'Нажми меня'
    };
    Text?: string | null

    Текст, отображаемый на кнопке.

    const button: IViberButton = {
    Text: 'Нажми меня'
    };
    TextHAlign?: string

    Горизонтальное выравнивание текста. Возможные значения:

    • left - по левому краю
    • center - по центру
    • right - по правому краю
    const button: IViberButton = {
    Text: 'Нажми меня',
    TextHAlign: 'center'
    };
    TextSize?: string

    Размер текста на кнопке. Возможные значения:

    • small - маленький текст
    • regular - обычный текст
    • large - большой текст
    const button: IViberButton = {
    Text: 'Нажми меня',
    TextSize: 'large'
    };
    TextVAlign?: string

    Вертикальное выравнивание текста. Возможные значения:

    • top - по верхнему краю
    • middle - по центру
    • bottom - по нижнему краю
    const button: IViberButton = {
    Text: 'Нажми меня',
    TextVAlign: 'middle'
    };