Applikationsinloggning

Anmärkning

Skapar du Copilot-, Teams- eller Outlook-scenarier som drivs av adaptiva kort? Besök Adaptive Card Documentation Hub, den nya one-stop-shop för alla dina adaptiva kortbehov! Den har alla resurser du letar efter, inklusive fullständig dokumentation för många nya funktioner, till exempel dynamisk layout, ikon, märke, karusell, diagram och mycket mer!

Dessa exempel är bara en teaser av den typ av kort som du kan skapa. Gå vidare och justera dem för att göra alla scenarion möjliga!

Viktig information om tillgänglighet: I version 1.3 av schemat introducerade vi en etikettegenskap på Inputs för att förbättra tillgängligheten. Om värdappen som du riktar in dig på stöder v1.3 bör du använda Label i stället för en TextBlock som visas i vissa exempel nedan. När de flesta värdappar har uppdaterats till den senaste versionen uppdaterar vi exemplen i enlighet med detta.

Exempel på programinloggning

I följande avsnitt visas JSON för ett adaptivt kortexempel för "Programinloggning", som visas med och utan templating.

JSON-Kod (utan mallhantering)

JSON

{
	"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
	"type": "AdaptiveCard",
	"version": "1.5",
	"body": [
		{
			"type": "TextBlock",
			"size": "medium",
			"weight": "bolder",
			"text": "Application Login",
			"horizontalAlignment": "center",
			"wrap": true,
			"style": "heading"
		},
		{
			"type": "Input.Text",
			"style": "text",
			"id": "UserVal",
			"label": "Username",
			"isRequired": true,
			"errorMessage": "Username is required"
		},
		{
			"type": "Input.Text",
			"id": "PassVal",
			"style": "password",
			"label": "Password",
			"isRequired": true,
			"errorMessage": "Password is required"
		}
	],
	"actions": [
		{
			"type": "Action.Submit",
			"title": "Login",
			"data": {
				"id": "LoginVal"
			}
		}
	]
}

JSON-kod (med templating)

Data-JSON

{
	"ApplicationInfo": {
		"title": "Application Login"
	}
}

JSON-mall

{
	"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
	"type": "AdaptiveCard",
	"version": "1.5",
	"body": [
		{
			"type": "TextBlock",
			"size": "medium",
			"weight": "bolder",
			"text": " ${ApplicationInfo.title}",
			"horizontalAlignment": "center",
			"wrap": true,
			"style": "heading"
		},
		{
			"type": "Input.Text",
			"style": "text",
			"id": "UserVal",
			"label": "Username",
			"isRequired": true,
			"errorMessage": "Username is required"
		},
		{
			"type": "Input.Text",
			"id": "PassVal",
			"style": "password",
			"label": "Password",
			"isRequired": true,
			"errorMessage": "Password is required"
		}
	],
	"actions": [
		{
			"type": "Action.Submit",
			"title": "Login",
			"data": {
				"id": "LoginVal"
			}
		}
	]
}
  • Last updated on