How to use the adaptivecards.ShowCardActionMode.Inline function in adaptivecards
To help you get started, weāve selected a few adaptivecards examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
microsoft / AdaptiveCards / source / nodejs / adaptivecards-visualizer / src / containers / groupme.ts View on Github 
subtle: "#DDc3ab23"
},
},
},
},
imageSizes: {
small: 60,
medium: 120,
large: 180,
},
actions: {
maxActions: 5,
spacing: Spacing.Default,
buttonSpacing: 20,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16,
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Left,
},
adaptiveCard: {
allowCustomStyle: false,
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100,
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,subtle: "#b28B0000"
}
}
}
},
imageSizes: {
small: 60,
medium: 120,
large: 180
},
actions: {
maxActions: 5,
spacing: Spacing.Default,
buttonSpacing: 10,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Left
},
adaptiveCard: {
allowCustomStyle: false
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,subtle: "#DDc3ab23"
},
},
},
},
imageSizes: {
small: 60,
medium: 120,
large: 180,
},
actions: {
maxActions: 5,
spacing: Spacing.Default,
buttonSpacing: 20,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16,
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Left,
},
adaptiveCard: {
allowCustomStyle: false,
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100,
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,subtle: "#DDe69500"
}
}
}
},
imageSizes: {
small: 40,
medium: 80,
large: 160
},
actions: {
maxActions: 5,
spacing: Spacing.Default,
buttonSpacing: 10,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Left
},
adaptiveCard: {
allowCustomStyle: false
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,subtle: "#DDFFD800"
}
}
}
},
imageSizes: {
small: 40,
medium: 80,
large: 120
},
actions: {
maxActions: 5,
spacing: Spacing.Default,
buttonSpacing: 20,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Left
},
adaptiveCard: {
allowCustomStyle: false
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,subtle: "#b28B0000"
}
}
}
},
imageSizes: {
small: 60,
medium: 120,
large: 180
},
actions: {
maxActions: 5,
spacing: Spacing.Default,
buttonSpacing: 20,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Left
},
adaptiveCard: {
allowCustomStyle: false
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,subtle: "#DDc3ab23"
}
}
}
},
imageSizes: {
small: 60,
medium: 120,
large: 180
},
actions: {
maxActions: 5,
spacing: Spacing.Default,
buttonSpacing: 10,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Vertical,
actionAlignment: ActionAlignment.Stretch
},
adaptiveCard: {
allowCustomStyle: false
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,subtle: "#b28B0000"
}
}
}
},
imageSizes: {
small: 60,
medium: 120,
large: 180
},
actions: {
maxActions: 5,
spacing: Spacing.Default,
buttonSpacing: 20,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Left
},
adaptiveCard: {
allowCustomStyle: false
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,subtle: "#b28B0000"
}
}
}
},
imageSizes: {
small: 60,
medium: 120,
large: 180
},
actions: {
maxActions: 5,
spacing: Spacing.Default,
buttonSpacing: 10,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Left
},
adaptiveCard: {
allowCustomStyle: false
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,subtle: "#DDc3ab23"
}
}
}
},
imageSizes: {
small: 60,
medium: 120,
large: 180
},
actions: {
maxActions: 5,
spacing: Spacing.Default,
buttonSpacing: 20,
showCard: {
actionMode: ShowCardActionMode.Inline,
inlineTopMargin: 16
},
actionsOrientation: Orientation.Horizontal,
actionAlignment: ActionAlignment.Left
},
adaptiveCard: {
allowCustomStyle: false
},
imageSet: {
imageSize: Size.Medium,
maxImageHeight: 100
},
factSet: {
title: {
color: TextColor.Default,
size: TextSize.Default,adaptivecards
Adaptive Cards Javascript library for HTML Clients
Package Health Score
92 / 100Popular adaptivecards functions
- adaptivecards.ActionAlignment
- adaptivecards.ActionAlignment.Left
- adaptivecards.AdaptiveCard
- adaptivecards.getStringValue
- adaptivecards.HostConfig
- adaptivecards.Orientation
- adaptivecards.Orientation.Horizontal
- adaptivecards.ShowCardActionMode
- adaptivecards.ShowCardActionMode.Inline
- adaptivecards.Size
- adaptivecards.Size.Medium
- adaptivecards.Spacing.Default
- adaptivecards.TextBlock
- adaptivecards.TextColor
- adaptivecards.TextColor.Default
- adaptivecards.TextSize
- adaptivecards.TextSize.Default
- adaptivecards.TextWeight
- adaptivecards.TextWeight.Bolder
- adaptivecards.TextWeight.Default