Teams Compose Extension with only image - microsoft-teams

I want my compose extension to send just an image but I couldn't do it. I tried the following with only image url:
Thumbnail card (too small image)
Hero card (16:9 adjustment makes it worse)
Also, I couldn't make the grid layout for my extension.
composeExtension: {
attachmentLayout: 'grid',
type: 'result',
attachments: [...]
}
Stills shows the items in list layout.
There is a default button for gifs in Microsoft teams currently. I just want to make a clone of it:
GIF button
Is it possible?

#mrsfy: great question. Unfortunately grids aren't supported today in compose extensions, and we reject a card without the other properties. So no, it's not possible currently.

Related

Usage of video.js useractive and userinactive events with videojs-overlay does not work immediately

In a video.js player, I want to display information on the currently played video as an videojs-overlay whenever the user is active (moving the mouse over the video) and hide the information when the user is inactive (not moving the mouse over the video).
I set videojs-overlay to listen to the useractive and userinactive events like this:
player.overlay({
content: 'Default overlay content',
debug: true,
overlays: [{
content: 'The user is active!',
start: 'useractive',
end: 'userinactive'
}]
});
Unfortunately, the overlay is not triggered at first, but then, it starts working after the video is playing for ca. 1 minute.
Is there a problem with my setup, or might this be a bug in videojs or videojs-overlay? What can I do to debug this?
Video.JS already keeps track of the user active state using CSS classes. An example of this can be found in the videojs-dock plugin. It uses the vjs-user-inactive and vjs-user-active CSS classes to control showing or hiding a dock or tray over the video that can be used to display information such as a title or description for the video. You may be able to use this as inspiration for your overlay.
Please let me know if you have any additional questions.
Disclaimer: I am employed by Brightcove.

Carousel of cards each having text followed by an image in cortana skills

How to show a carousel of cards in cortana skill, wherein each card should first have some text followed by an image. Hero card does the exact opposite of it (First image and text later). I tried using the markdown ![alt](imagelink) but it doesn't work in cortana. Is there any way to achieve this?
Hopefully soon cortana will support adaptive cards For the time being you have a few choices that may work for you. The closest to what you want is probably a thumbnail card. Below are some samples of different cards you can take a look at and see if one works for you.
C#
Rich Cards
Rich Cards - Carousel
Node
Rich Cards - Carousel
Rich Cards
Cortana doesn't render markdown in title or subtitle of hero card; but it does in text property of hero card. So one way is to put the text and image markdown in text property and it renders properly.

Get Slide previews (thumbnails) in a PowerPoint Add-In (Web)

I'm creating a PowerPoint Add-In and wrestling with the JavaScript API.
I'm currently trying to show the list of slides (much like the left panel in powerpoint). I also want to highlight the slide that is currently worked on.
I got the index of the currently selected slide by:
Office.context.document.getSelectedDataAsync(Office.CoercionType.SlideRange,
function (result) {
result.value.slides[0].index; // selected slide
}
);
But I'm not able to enumerate all slides much yet get the image data of one.
In the old VSTO world I was able to iterate through slides with:
foreach (var slide in MyAdmin.ppApp.ActivePresentation.Slides)
And get slide image data with:
slide.Export(ImageName, "jpg",128,72);
and read it back from disk (although creating an image on the disk just for this seems wasteful).
Is there an equivalent of this in the office.js world?
Currently the JavaScript API does not have a method for getting the image of a slide. But it is a great idea! Please go to Office Developer User Voice and suggest this enhancement. You might also want to vote up this suggestion.

How to add container or panel in flash and resize them using actionscript 3.0

I want to show some image in a flash. When I click an image, the image is up as like as image shown below.
when i click the image:
but the problem is when i click the image in that group, there is a gap between images. I want to attach them. I can not solve the problem. please anybody help me to solve the problem.
If you're using Flex, this is fairly trivial. You set the cards in an HGroup (calculating the gap will be difficult, but not impossible) and simply remove selected cards from that group and place them in another. After the card is removed, your other cards will be realigned by the layout automatically.
If you're not using Flex, I suggest extracting the code you used to layout the cards in the first place into a separate function. When a card is selected, you move the card out of the DisplayObjectContainer it is currently in and place it in another and then simply call the layout function again. This is the same method as I would use with Flex, although a little less automated due to the lack of Flex's layout engine.

Resizing Background Images Using Media Queries Working for Webpage but not Email

I am working on creating a responsive email template for a client. I'm trying to get text to appear over an image, so I am attempting to create a responsive email that will display text over a fluid background image (I know...background images, emails, not a good combo, but I'm going for it).
I am able to get the code to work perfectly on a webpage (see here: http://testwes.site90.com/NaerbyggEmailTemplateTestStylingv3.html ) however, when I send a test email (via Mailchimp) it seems the media queries are not picking up to change the background image, so the main background image (the picture of the house, paint, green etc.) does not change size, though the rest of my media query requests are working fine (text adjusting, icons moving around, even my header logo img resizes (not a background image of course). You can see an example of the code after the email is sent here: (http://us7.campaign-archive1.com/?u=9be35a6a6ef5bf6014d5f59fe&id=ac4b24cd76).
I am really looking for any way to incorporate editable text over a fluid image for email, and I figured I'd give background images a shot. If anyone has any advice for resizing background images via media queries for email, please help!
Thanks,
Wes

Resources