Разделитель не отображается в адаптивных картах - PullRequest
Новая
       22

Разделитель не отображается в адаптивных картах

0 голосов
/ 10 мая 2018

Я пытался заставить работать свойство «разделитель» адаптивных карт, но в эмуляторе BotFramework это не похоже на рендеринг.

Вот изображения для эмулятора и визуализатора для одного кода: эмулятор визуализатор

Код в обоих местах одинаков и выглядит следующим образом: 

{
    "contentType": "application/vnd.microsoft.card.adaptive",
    "content": {
        '$schema': 'http://adaptivecards.io/schemas/adaptive-card.json',
        'version': '1.0',
        'type': 'AdaptiveCard',
        'body': [
        {
            'type': 'TextBlock',
            'text': 'Meeting Title',
            'weight': 'bolder'
        },
        {
            'type': 'TextBlock',
            'text': 'Location',
            'separator': true,
            'isSubtle': true,
            'size': 'small'
        },
        {
            'type': 'TextBlock',
            'text': 'Location',
            'spacing': 'none'
        },
        {
            'type': 'TextBlock',
            'text': 'Organizer',
            'separator': true,
            'isSubtle': true,
            'size': 'small'
        },
        {
            'type': 'TextBlock',
            'text': 'Organizer Name',
            'spacing': 'none'
        },
        {
            'type': 'TextBlock',
            'text': 'Start Time',
            'separator': true,
            'isSubtle': true,
            'size': 'small'
        },
        {
            'type': 'ColumnSet',
            'spacing': 'none',
            'columns': [
            {
                'type': 'Column',
                'width': 'auto',
                'items': [
                {
                    'type': 'TextBlock',
                    'text': '05:00 PM',
                    'isSubtle': false,
                    'weight': 'bolder'
                }
                ]
            },
            {
                'type': 'Column',
                'width': 'auto',
                'items': [
                {
                    'type': 'TextBlock',
                    'text': 'May 21'
                }
                ]
            },
            {
                'type': 'Column',
                'width': 'auto',
                'items': [
                {
                    'type': 'TextBlock',
                    'text': '2017',
                    'isSubtle': true,
                    'weight': 'bolder'
                }
                ]
            }
            ]
        },
        {
            'type': 'TextBlock',
            'text': 'End Time',
            'separator': true,
            'isSubtle': true,
            'size': 'small'
        },
        {
            'type': 'ColumnSet',
            'spacing': 'none',
            'columns': [
            {
                'type': 'Column',
                'width': 'auto',
                'items': [
                {
                    'type': 'TextBlock',
                    'text': '05:30 PM',
                    'isSubtle': false,
                    'weight': 'bolder'
                }
                ]
            },
            {
                'type': 'Column',
                'width': 'auto',
                'items': [
                {
                    'type': 'TextBlock',
                    'text': 'May 21'
                }
                ]
            },
            {
                'type': 'Column',
                'width': 'auto',
                'items': [
                {
                    'type': 'TextBlock',
                    'text': '2017',
                    'isSubtle': true,
                    'weight': 'bolder'
                }
                ]
            }

            ]
        }
        ],
        'actions': [
        {
            'type': 'Action.Submit',
            'title': 'Accept',
            'data':{
                'accept': true
            }
        },
        {
            'type': 'Action.Submit',
            'title': 'Decline',
            'data':{
                'accept': false
            }
        }
        ]
  }
}

Как видно, разделители появляются только в визуализаторе для того же кода. Я что-то упустил?

Ответы [ 2 ]

0 голосов
/ 17 января 2019

это может быть немного сложно, потому что документация по разделителю немного расплывчата (по крайней мере, для меня).

Взгляните здесь - синтаксис, предназначенный для разделителя, похоже, нигде не работает.

Что я нашел:

  • Свойство spacing прекрасно работает (по крайней мере, с этими значениями "none" | "small" | "default" | "medium" | "large" | "extraLarge" | "padding")
  • Работает только при использовании в контейнерах (Container, ColumnSet, Column и т. Д.)
  • Он также применяется (как следует из названия) к внешней области контейнера (аналогично CSS margin свойство)
  • Не будет работать для первого контейнера

Вы можете перейти к адаптивным картам классический редактор и поместить интервалы (скажем, "spacing": "large") во второй Container раздел (их всего 2) и самостоятельно наблюдать влияние интервалов.

0 голосов
/ 11 октября 2018

Вместо разделителя вы можете использовать Separation = SeparationStyle. Сильно, это работает для меня

...