Skip to content

Optimize Teams adaptive card style to be similar in readability and features to former webhooks #956

Open
@psych0d0g

Description

@psych0d0g

I would like to suggest some changes to the schema, so that the design of the new adaptive cards resemble more closely the known and used to webhooks messages.

  1. Can we get the following added to the msteams schema so that the posted cards use more of the available screen estate before text-wrapping occurs?
    "msteams": {  
        "width": "Full"  
    },  

see for reference:
https://learn.microsoft.com/en-us/answers/questions/932563/can-i-adjust-the-max-width-of-bot-chat-card
https://learn.microsoft.com/en-us/microsoftteams/platform/task-modules-and-cards/cards/cards-format?tabs=adaptive-md%2Cdesktop%2Cconnector-html#sample-adaptive-card-with-full-width

  1. i would like to request a background image for the adaptive card:
    "backgroundImage": {
        "url": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAAXNSR0IArs4c6QAAABBJREFUGFdj+M/A8J8BRAAAE/YD/dtvUXUAAAAASUVORK5CYII=",
        "fillMode": "RepeatHorizontally"
    }

this example would add a 2pixel height red line ontop of the adaptive card (for failures and errors on kustomizations.
and another one with a 2px height green line would be nice for successful reconciliations aswell :)

example red line card:

image

these changes should bring the adaptive cards into a more usable state, comparison of the current situation and diffrence here:
image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions