Разделитель не отображается в адаптивных картах
Я пытался заставить работать свойство "разделитель" адаптивных карт, но в эмуляторе 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
}
}
]
}
}
Как видно, разделители появляются только в визуализаторе для того же кода. Я что-то пропустил?
1 ответ
Вместо разделителя вы можете использовать Separation = SeparationStyle.Strong, это работает для меня
Это может быть немного сложно, потому что документация по разделителю немного расплывчата (по крайней мере, для меня).
Посмотрите здесь - синтаксис, предназначенный для разделителя, похоже, нигде не работает.
Что я нашел:
spacing
свойство работает просто отлично (по крайней мере, с этими значениями"none" | "small" | "default" | "medium" | "large" | "extraLarge" | "padding"
)- Работает только при использовании в контейнерах (
Container
,ColumnSet
,Column
, так далее.) - Он также применяется (как следует из названия) к внешней области контейнера (аналогично CSS).
margin
имущество) - Не будет работать для первого контейнера
Вы можете перейти к классическому редактору адаптивных карт и поставить интервалы (скажем, "spacing": "large"
) На втором Container
раздел (их всего 2) и сами наблюдайте за расстоянием между ними