I wanted to know how to setup hostconfig to my adaptive card for styles. Im new to bot framework and wanted to know how to implement host config for adaptive card in c# , even checked [https://learn.microsoft.com/en-us/adaptive-cards/sdk/rendering-cards/javascript/host-config]. this is my adaptive card below card.json and guide me step by step creating the host config for the below card.
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.3",
"actions": [
{
"type": "Action.Submit",
"title": "Sign-up",
"data": "${signin}",
"id": "7"
},
{
"type": "Action.Submit",
"title": "Password Reset",
"data": "${preset}",
"id": "8"
}
],
"body": [
{
"type": "TextBlock",
"wrap": true,
"text": "Menu",
"style": "heading",
"fontType": "Default",
"color": "Good",
"weight": "Bolder",
"id": "1"
},
{
"type": "ActionSet",
"actions": [
{
"type": "Action.ShowCard",
"title": "Sign-in",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "TextBlock",
"text": "Username",
"label": "Your name (Last, First)",
// "validation": "^[A-Z][a-z]+, [A-Z][a-z]+$",
"data": "${username}",
"wrap": true,
"id": "3"
},
{
"type": "TextBlock",
"text": "Password",
"wrap": true,
"id": "5"
},
{
"type": "Input.Text",
"placeholder": "***********",
"style": "padding=2px",
"id": "6"
}
]
},
"id": "2"
}
]
}
]
}
You can try in this way.
Please refer to this link. https://learn.microsoft.com/en-us/adaptive-cards/sdk/rendering-cards/net-html/host-config