Adaptive Cards community call-April 2019

Microsoft 365 Developer · Intermediate ·📰 AI News & Updates ·7y ago

Key Takeaways

Demonstrates real-time syncing of Adaptive Cards and their use in Microsoft Teams

Full Transcript

welcome to the April edition of the the adaptive cards community call you ever need to help other people get this calendar invite this akms link is your best resource so it's just a kms / adaptive cards community call and as I mentioned we are meeting every month second Thursday of the month at 9 a.m. so the next call will be May 9th that is a day after build and not sure if the session list is out yet so I'm a slightly get in trouble for saying this but we do have both David and I have an adaptive card session at build but we don't know what day yet but it's very likely that it'll be a day or so that's before this so you can probably expect that may call to be a recap of build maybe you'll get billed as streamed so let me actually quickly quickly switch to build so hopefully I'll see some of you at build it sits in a just under a month you know me David Andrews on this call I'll have some kind of links to them we're going to have a session at build and we will also have a booth that makes it very interactive and easy to engage with everyone on a one-on-one setup so if you happen to be at built please do look us up either Matt David Andrew will be kind of floating around the conference Andrew is Andrew leader on this college running the booths so he'll he'll definitely be there you'll see him we'll have adaptive card t-shirts please come and find us that session if you do if you can't go that session will be online and you know you'll be able to watch everything in case you know you can't fly - currently rainy Seattle you know we'll have that up and then so expect the next community call - probably be the session a recap of the session so you guys you know won't be more than you know a day behind whatever people see as yet build so that's coming up as a quick you know so these calls were run by myself and David every month you can find us on Twitter and you can find us at our at Microsoft comm email addresses we are 2019 I would say the theme from from from our team is is customer engagement I won't even kind of sort stuff around it I mean we really want to talk to you hear from you make sure we're building a product that is meeting your needs I do have a separate slide so please do take down our email addresses and please do you know find us on Twitter I've had some really great Twitter engagements over the last couple months and people just using adaptive cards for things that I just we I don't think any of us ever kind of predicted so you know we're hoping to kind of loop in some more of those into these calls and that said so if you feel like you want to present at some of these calls that would be more than great it's hard for us to have useful product announcements every month so looping in the community helping other people see what you're doing or how adapt of cards is helping with your problem I think kind of benefits the whole community so please you know either screenshot this or just find us at Matt dad hiding here at Microsoft comm or a declaw and Microsoft comm and what about be around that said today we do have a couple of special guest presenters so Audrey Gordon will be joining us she said she might be a few minutes late so she may not be in the call yet but she's gonna give us a pretty cool demo of adaptive cards in teams and I believe using flow you can find her on Twitter at artsy power rapper and she did some really cool YouTube videos of adaptive cards and teams maybe like two or three weeks ago and in fact she reached out and said hey you know what would I be able to share some of this stuff on your community call that's exactly what we want so this is this is this is cool that we're having you know some guest presenters and Andrew leader well he's not necessarily a special guest he is kind of part of the adapt of cards team he he hacked away at our designer and he's probably what's up in me right now telling me whether it's gonna work or not and he's gonna do a quick demo on something he kind of whipped up the last couple days so just some kind of neat stuff to share from from some of our you know some different people didn't necessarily me talking the whole time so this is what I kind of mentioned so we would just I won't want to hammer it any more but like we'd love to hear from you one-on-one so we want to know our adapter for its solving your problems we don't just want to talk about tech and for tech sake we want to know what problems we're helping you solve or maybe not helping you solve what's missing what's difficult so if you do email me and a couple people have I saw some people on the call that I've recently had a couple of these meetings with please kind of reach out and I'm happy to 30-minute calls we just share what's working what's not working we're just trying to kind of prioritize what we go after in 2019 so again we're kind of open yes yes yes spinning go ahead do your thing all right real quick recap in February we announced is kind of our biggest be next or 2.0 preview if you miss the February call I it's super long link obviously these slides if you just go to Google or Bing and just type adaptive cards community call you'll find the February one it's cool we deep dive into just this template and some v-neck stuff and then marks we actually take that last month we took that to the next level and showed maybe remote template loading and just kind of just this future world we're getting it so just as a quick recap there's some there's some good content if this is your first call and you may miss the last couple all right so I'm going to give a super quick update on 1.2 that's our current release and then I'm just gonna hand over the reins so this will probably be just a few more minutes and then Andrew and Audrey will be taking over to demo some kind of real car real usage of adaptive cards and how they were able to take the code and fork it in certain ways so here's a quick update on the one not to release so the one not to release is in active development we are planning to ship end of April so just the next couple weeks here the issue list so it's it's two four four four I played this feature on github all the time I think it's really neat I don't even know when they added it but if you go to our github or github frankly and you ought to issues the the project maintainer x' have the ability to pin issues at the top and I just think this is just really neat especially for things like announcements so here's where you're very quickly able to see well what are you guys doing in 1.2 and quickly get to it and then that 2.0 preview is just a really easy way to get to that issue or really the spec on you know how we're adding data binding into the language and etc etc so these are two just easy quick ways to get where you want to see so that we're not too featureless we don't have probably the next call or the following after it'll be a really good way to show how these features I'd say it's definitely our biggest point release one not one the main highlights where we added media so people could start putting audio and video and cards and we added the ability to put icons and actions and just kind of starting to round out some of the things you can do for more actionable and slightly more visually appealing cards we're adding in 1.2 some more stuff towards dynamism dying them as I never know how to say that word correctly but as a quick example so another action type we're adding is toggle visibility and so you can have an array of element IDs and basically add a level of just you know declaratively toggling the visibility of things we have some really neat scenarios that will show it's it it's hard to appreciate these features just after their their level yeah just like the simple level so what we'll do over the next month as well not too releases their show these in more scenarios and David if you had a couple you want to show now we can do that on where we could wait oh man yeah suggest I I do I can do it quickly so let me take over the screen um let me close some stuff that should not be open first first so this is the designer alright so I don't know which feature Matt was just talking about I don't remember which one you were just talking about right now but so here is here is one of the things that we're adding we call them it's additional styles for containers we used to have emphasis which yielded a great background now you have support for you know more colors that match the font colors for that matter and talking about background colors there's also this super neat thing if you've ever used adaptive cards you might be wondering how can I achieve that thing on the right well it's just through that one property here called bleed now if I remove that you're gonna see that that container actually shows the way used to show but now you can actually make it bleed into the padding of the card so that you can get those cool headers a couple more examples of cool stuff so Matt was talking about action toggle visibility hopefully this one's gonna work I'm showing I'm showing you like dev stuff so you can see here you can make something show and hide at the click of a button and this is not the same as a show cards you can see the area that's being shown or hidden is above the button and not below it like so this opens up 20 of possibilities you can have that displayed as links or you can even have that action as a result of clicking an image so plenty of things can be done in that area and maybe one more thing the input validation stuff is that or is it something that we are pushing 21.3 I can't remember I think we can show it it's it's probably gonna gonna make it okay so this is what I love about these causes we just have very frank conversations with with everyone there's there's certainly nothing hidden in adaptive cards right yeah so so we realized that we have input we have actions but so far there hasn't been a built-in way to validate the value of an input and to have visual cues as to what went wrong so now through an additional validation property that you can specify on any type of input you can say whether there's a necessity to to validate and here you can say required with visual this is a design in progress but the visual cue is in that little red bar on the left for this particular example or so tweaking maybe with a star on the right it's just work in progress or you can just say it's required in which case the cube doesn't show but in the end if you try to take that action and you have not entered a name in there you're gonna see validation errors and this is entirely handled by the renderer so as the host application you don't have to code anything it's just done and as I enter text now the cue goes away etc etc and now the action can actually be take it and should we do just one last for the road I don't know which one which one do I have action sentiments let's do that one oh yeah yeah so action sensing is going to have to switch back and forth from the designer and so on because it's not everything is support everywhere just yet yeah so now you have the ability to say that an action might have a positive sentiment or the default sentiment or a destructive sentiment this makes it possible for the host to apply a custom style to the button that's associated with the action to say hey if you click this it's probably gonna do something you're irreversible so think about it right like when you want to delete something so this is the kind of stuff you can you will find in 1.2 and I'm gonna give it back to you man yeah the cool thing I like about sentiment I don't know that we necessarily hooked it up but a reason we you know we called it a sentiment instead of just you know a style is that you could certainly see a world where you apply maybe keyboard behaviors or gesture type behaviors or even you know in in some cases for example I know Windows and Mac they alternate which is the primary button versus which we just look up to enter verse which I took up to escape so you can start to see you can imagine some behavioral stuff applied to this based on the plateau it goes - so right now it's just you know visually different but you could imagine you in the future we could or a host could effectively you know use that information to deliver the most appropriate experience to a particular client Andrew are you do you wanna take over and we'll show the the cool designer for cue mate yeah cool go ahead and share when you are ready all right so I don't know I think most of you might know that we have Android renderers available but there's no real easy way to try out our Android renderers today you would have to clone our repo and build the Android app and then deploy it to your phone which it's a lot of work nobody's really gonna do that we have our web designer in the typescript renderer easily accessible with the website there so we wanted to make the Android renderer also easily accessible for people to try out so what we've done is we've published the Android adaptive cards visualizer to the App Store and so it's available today if you search it out with cards visualizer I'll in the chat stream and you can go ahead and install that today on your Android phones cool so yeah free folks on Android give this a shot let us know if it works you'll see you see what you can do with it in a second oh so that's the link but the app today we've just published an update and you might get the newer version when you saw it but if you don't see this connect via QR code before button you have the older version where you would have to type in a JSON payload by hand and then so this is your this is your Android phone right is the mirror of your Android phone yeah so it'd be pretty awful to try to test out captive cards in here like yeah not very usable so what if you could use the designer with that so that's what this connect via QR code button is so a new version of the website designer if you go to adaptive card sharing dot Azure websites at net Mac can you paste that link yeah yeah and that link is accessible today about anyone and you can click this share button it'll generate a QR code and so if we go back to a phone I can just say connect to be a QR code scan that and then the card just comes down from the visualizer and all the updates you make oops keep going doc there so all the updates you make in there are just live updated you can see as I drag this around it moves on the phone and if I want to try out those new container styles I can select this container and set that style to good and we'll see that become changed and I'll try out I don't know if the action sentiment will work okay it does something on the Android it doesn't look at the best we haven't finished 1.2 yet right but yeah really cool way to actually test out how your cards look with our Android renderer and the update should hopefully be available later today I submitted it just an hour ago Google is pretty fast about updating their apps so yeah go ahead and sauce right out so obviously a long term we'll we'll roll that sharing button into adaptive cards at i/o and as Andrew practices his experience in persuasion we'll also get our iOS dev to maybe do the same thing for iPhones yeah and we have a Windows app too but those aren't published to the store either so we want to get those published and also connect this with the sharing service that you can try our adaptive cards everywhere and make sure they work everywhere nice so something I just say to this so andrew is part of the team he is he's more familiar with our code base so he just Forks the designer code you know cloned our repo obviously everything anyone could do anything you see here but what's neat is we designed the designer to do this type of thing so you know we've seen products I've demoed previously like at BOTS where they integrate the designer into their experience the designer itself has a tool bar API you can modify the toolbar we want anyone to be able to enable you know this is a sarin that we happen to use both tools both the Android renderer and the designer to achieve a scenario as you can see this is probably super useful for us to test Android and test iOS it just makes it really easy when we get a bug report on github just paste it into your designer on your PC you don't to deal with somehow getting that payload to your Android phone this just helps us make it you know testing easier but anyone could have done this just using the tooling that we provide so I think that's just such a cool use case I'm just a real-world use of our the extensibility we want to build in cool so reach out to Andrew if you have questions on that Audrey how how are you feeling about taking the reins here I am ready to share know that is awesome okay take it away at your leisure thank you okay so I'm going to try and share screen let's see how I do with that big task so I'm gonna just go to the right place and then go back to teams and choose screen one sounds right basically you should see my screen I think I can just switch to my team's right so if I want to go to teams but I don't want to show you guys I want to show a team's you still see this right yeah we're seeing that yeah good okay so let me tell you what happened to me so I this is the story that's important I fell across adaptive cards because of a block that my manager did so sometimes I get behind on what he's doing and he said we now have flow bots for adapted cards and I was like what what is that so I went to the site I didn't do a lot of reading I'm gonna tell you very honestly just kind of like skimmed over this stuff watched a video with thought it was interesting but the thing that helped me was these samples right so you guys probably talked about them already but I want to talk about them in the context of a normal user right so I'm not a dev I don't create advanced solutions I don't even know JavaScript Java or JSON that well like I know it enough to get in trouble so what would that kind of person be able to do with our new action which is called you know posting a adaptive card bot to teams well in my case the first thing I came up with is reporting so like I could schedule a monthly report that would show them some data from anywhere another thing is incident management like if somebody's out in the field taking photos and they take a photo of an incident and they press a button on their on their phone that incident can be posted to the team's immediately with the link to the Zendesk item or the dynamics case item or the SharePoint list item and I just my brain just went wild um so I want to tell you kind of show you what I did and how easy it is for like the end user to get involved so to get started I created a flow and basically what this flow is doing is just getting some data because in order for me to show you how this works really well we need a little bit of data to play with so give just like a two second intro into into flow we haven't actually demoed it on this call before so just call I've like just a quick idea of what what flow and when you use flow oh that's that's a great idea so let's see if I can open so flow which you can get to from flora Microsoft comm and it'll have a little sign in you can sign in with your Microsoft credentials I mean your your company office 365 credentials and once you do this you have this wealth of opportunities for creating automated and scheduled workflows we also have process workflows called business process flows these are all systems for automating what we do every day sometimes we waste a lot of time manually ticking on stuff when if we have a logic we can teach the computer what to do in a given scenario and the computer can do it for us right so think of the cloud and and all the advantages of being in the cloud we have all this AI we have machine learning we have we have cognitive analysis we have office 365 productivity tools we have Dynamics 365 productivity tools we've got all this amazing stuff but it's kind of a lot for us all to be doing every day right ok let me go over here do that let me go over here do that in this sense you can actually create automations to make your work ezal easy now if I go to let the productivity tab so I am actually looking at the templates because we actually give you a whole bunch of like to click flows and that you can just revise and very and easily use like productivity one of my favorite and it is a favorite because it's been used 123 thousand times where this particular flow you created we'll take any of your attachments from your email and automatically move them to the onedrive folder right and I can look for different things like I can do upload photos here if I plan to upload photos from my phone I can look for these little finger button icons and I can create a scenario where I'm uploading a photo with a button click on my phone to a SharePoint folder and these are so easy to use you just click on them and then it tells you okay here are the connectors when I say connectors I'm talking about what are we connecting to what dependencies do we have from a data source or data destination perspective and it makes you sign into those which it should automatically do if you have an office 365 dynamics 365 license but if you have like some connectors that might have timed out because you didn't change your password or third-party connectors like Trello and Twitter you might have to sign in on those right so then it'll prompt you to help you know when you need to sign in and then you'll click and basically it kind of creates the flow for you you can rename it right so I can say you know upload to SharePoint call it whatever I want and then basically it's all set up all it wants to know is what SharePoint site and what folder and and so it's very easy to use flow to automate things and part of that automation to me is posting messages to teams and so I really like using flow for doing that is that a good enough intro yeah I totally think so so I mean my understanding is so you either manually trigger a flow as and you put a button somewhere on your experience and that kicks it off or it's usually hooked up to some event that like you said you know an email came in and it had an attachment so that's gonna kick off a flow or someone said something and share it with like a bot says something see there's these events that happen that kicks off the orchestration and what I think you're gonna show is sometimes the end of that orchestration could send a message to teams or an adaptive card to teams is that yes just yes and I think the only flow type you missed cuz you mentioned manual you mentioned event-based you know there's some event that occurred that triggers it but there's also business process flows would help to design a business process and align steps within that business process really cool stuff I would love to come back and talk to you about if you search for teams up here at the top of the templates you'll see all the different triggers we have four teams right now the new one is one I'm going to show you today so we don't have a template for that new one yet but like for instance I can automatically post a message to teams for a selected file in in in SharePoint I can automatically post a team for a selected item or if I want to report something from vs TS and notify the team these templates all exist and you can use them for teams but we have a new one that I want to show you today and that is the adaptive cards when right so lots of fun stuff there and I can always come back and talk more about Flo Plus teams it's really a fun partnership it's a great partnership so I'll get links from and we you know when the video goes up you'll I'll get some good links for people that kind of follow because I didn't take into account some people may not know Flo yet I always I'm so close to it so in this particular flow so this is a good example of a reoccurring flow so it's not triggered by a button it's not triggered by an event per se it's triggered by some real current so I'm scheduling it right and I've scheduled it to run every Friday it was so easy to do I just selected the frequency month day week whatever and then what the interval was I can add Paramus about what time of day and so forth so this is a really nice reoccurrence flow now I'm actually going to let my team know about potential change orders so we have a SharePoint site and our SharePoint site is capturing change orders so this is imagine a construction project for instance and there's things happening and the contractors have to submit when they need more time or they need more money so we call them cost and schedule impacts so I'd like to give my team a weekly report of the count of cost versus the count of schedule impacts right because they impact our bottom line and you know how we get through this program so go ahead back to my flow you can see that I've used the get items action to actually retrieve the items in the potential change order list and I can always add OData filters like I can say days equal EQ this is an outdated format and if you I will give you links on all the old data options you have but I'm gonna do days equals or less than one because I know that any any change order that is less than one day is going to be a cost impact there is a column called impact cost and I always share those with people because that's a choice list it's a little bit more complicated to create that Oh data filter but I can give you instructions on how to do that I didn't want to take time talking about that during this demo so I found another route so you can take you can take any route you want to get to your filtered like whatever filter you need and so then after I get those I want to do a couple of things I want to count them right so in the beginning of my flow I added a count to count the cost and a count here to count schedule I think I ended up only using cost because if the days are less than one what I did was I iterate through them wherever the cost estimate is greater than zero and I increment the count for cost if it's oh yeah I did you schedule if it's not cost then it's schedule so I increment at that count okay so this is basically the flow stuff which is very exciting but not as exciting as the adaptive cards so let me close this up and now what I'm gonna do is use this data that I've configured here in this flow to push into an adapter card so the first thing I need to know is what is this what is this action so if you just do new step and you type Microsoft teens you can even get away with typing teams the first one will be Microsoft teams and here you can see all of our triggers so remember you were talking about what events can trigger a flow the two events we have when a channel message is added or when I'm mentioned and then we have these actions and you probably may some of you may know about the older ones but here's the exciting one I want to talk about today which is post your adaptive card as the flow bot to a channel and so at that point it wants to know a few things it wants to know what what team are you talking about we're gonna use the planning team site and what channel are we talking about we're gonna use the weekly reports because remember I'm going to post a weekly report all right now the message is the actual card and you would think that when you get into looking at some of these cards that you would think you look at on the right side of this screen here you would think that these cards require you to know how to write this JSON but they don't really write so I was able to power using my way through this I I didn't care about this JSON in the middle for now I'm not I'm ignoring it completely this is what interests me over here so I'm going to click try it yourself and you can include the designer in Visual Studio code as well I just decided to keep this extremely simple all right so now I have my card here and I'm going to design it visually right so I don't want the title of this to be publish adaptive card I want it to be weekly impact type count so really easy this guy here I don't really need because there's no picture involved here so anything I don't need I can just remove right I remove the column as well and then I want to replace anything that I want to replace with dynamic data what I do and this is just me as I put in all caps so full name like this right and actually I try to avoid symbols and stuff like that that could you know make problems but if you notice down here for those of you that love code you'll see that this is actually being just maybe if I click away here this is actually being put into this JSON live you can see here on line 19 it typed exactly what I typed up here so that's what I mean it's writing code for me and I love when people write code for me and then this one I want this to be the submit date so I'll put that in all caps right and I couldn't use spaces you know that's a SharePoint thing where I tend to drive against spaces okay and then here I might use this for the well actually you know what I'm sorry we actually gonna use this for a different one I think I just went down the wrong one um we'll come back to this one I'm gonna go back to the samples because I want the easier one not that that one's hard but I want one that aligns with the count and they have this sporting event one this one right here that I like right so I'm gonna try this one because actually I want the count of I forgot what I was doing I want the count of the so the count of cost and let's put that in count count of cost against the count of schedule all right and I'll show you where I use the other one sorry I've been using you so often I forget which one I'm doing now they're gonna be numbers so I'm not gonna worry about this if you want to like make sure it fits just remember that I'm just going to have a number there but these are placeholders to help me put the numbers into the JSON when I get back into flow and here I can pick a link to any image that I might have I believe I do have some icons online but I'll show you how easy it is to just do an image so I'm gonna do bing.com and I'm just going to search for an icon called cost and I'm gonna click on images this is that power user thing again find something that I like click on it as many times as it takes me to get to the PNG link right and now I'm going to use that link here and then four and I can just change this to stay scheduled I mean cost and then for schedule let's find something good enough for schedule so we'll go back to our search and we'll type Mike on schedule and here we have a schedule icon that looks pretty decent nope but I can't use it because it doesn't end in pink this is the tip here if it doesn't like have a link for you to get to then you can't use it let's see what we can find here that has this one looks yes so here we have one we would go back to our adaptive card and we'll paste that link here for this image and then we'll put schedule here so basically our adaptive card is finished what I'm gonna do is add one more thing to it if I can help me if I get lost here I don't add a let's see in my container I want to add a column well letter I wrote can I add a row yes uh everybody had a row at or or I can put it in here I guess a new element like a text box you pick text box you can just drag it in from the toolbox I can okay textbook yeah maybe try and drag that where you want the game yeah I think I'll just rename this okay and I'll just put here this is the SharePoint site okay this is today's date so I will just put today and now basically it's done one more thing I might have done if I wanted to Matt is I used to see and I might be missing it because I mean oh here it is I'm gonna add an an action and I'm gonna add open URL and what I'm gonna use this for is to open the SharePoint list so I'm just gonna put the word view and he and URL here is gonna be my SharePoint list right and this could be any link you want what I've also used this store as a link to a planner tasks for instance right so now this is completely ready now I do need to hit copy JSON here but did I really do a lot of JSON no I did not you know I clicked around I choose some things I pick some icons I can always change the sizes on these as well you know to make them look more consistent or whatever play around with this let's see what I can do to make this maybe a little bigger they're not equal in size and I probably would have spent some time looking for those which I have in the past but for now we'll just put them both small and see what it looks like yes I think that's fine you get the point right yeah I'm gonna copy JSON if I wasn't on a demo I could take my time and pick even make my own icons right but I'm gonna go back to flow now and that JSON that I just clicked copy JSON I'm gonna paste here now everywhere where I put those capital words I'm gonna add dynamic fields right so let's just check so this is just a title of the item SharePoint site so here are my counts I want to add so I'm gonna do that first I'm gonna go into my variables cuz I have two I have one for count cost and one for count scheduled sorry I clicked too far so let's go back to that cost and this is kind of the hardest part I found because the code is so long you have to be careful that you are in the right place in your JSON when you click on your variable so that it is in the right place and if it does that too many times and starts to annoy you you can totally copy this and paste it up there I notice it's inconsistent about when it will like just pop it in there and when it won't and we can work on that on the flow team to see what we can do to help and I'm going to add cost schedule and look that time it worked so it's a little finicky there but you can't copy and paste from wherever it lands so now I have my two counts I don't really need to do anything else change the date and I could use UTC now but I'm going to use a date that a date format that I like which will also give to you in a description so I'm gonna go into my expressions and paste this date format that I love to keep Andy it's just my converting UTC now to where I am in the world and so that's all that is and I think that's all we need to do because we already pasted the SharePoint site in there and so now I'm gonna hit save now because this is reoccurring we're not going to wait a week together and just run a quick test and so you can always test your foes and when you're using button flows or schedule flows you can just say I'll perform that trigger action and save and test and then it will ask you any questions that might be in your prompt if not it will just start to run the flow alright and so you can actually watch it run if you want to it's actually going to go through and do all of what it said it was going to do get the items iterate through them and then post the bot so if we go back to teams now and we go to our weekly reports you can see there it is and it counted how many there were and so this is one of those things that is really easy to do it takes no time you see if I can show you another one that I did so this is the one where I use that particular card that I was showing you earlier and the reason I use that card is because we did have a picture to show and so since we had a picture to show I went ahead to use that card and this one is actually coming from a library so every time somebody posts to this library there's a card that's posted here because these are contractor photos that are actually reporting something that's happening in the construction site elsewhere in the world it's adding that to the SharePoint library and then I'm used the adaptive cart to literally post it here and I actually in this case I put under the view the link to the actual fold photo that exists well this photo might have been deleted that exists in the SharePoint site so that you could view it you know it totally depends if I delete them right you should oh I'm I know what's happening I'm getting into a different environment so but just the way you know anytime you adding a link like with that weekly report we added a link to SharePoint as long as you stay in the same tenant that's right yeah the difficulty of demoing yes yeah yes and so I really love how this works and I feel like there's a whole lot of different opportunities that you have in using these for different things you can see the change order alert where I took a little bit more time on them where I actually made my own icons coming from something that we have internally and then I actually spent a little bit more time on what I would make this look like now I do want to point out a couple of things in the way this looks you do have on the bottom it lets you know who's the one who like generated this report from flow so if you have questions you could at that person to ask questions every flow impacted teams is going to notify you of who did it and and that way you can contact them to know if you have questions does that make sense yeah it makes total sense at the risk of breaking both of us into jail I don't know if I don't like her soft phrase or otherwise but a someone messaged me and asked about I think something you would realized in your YouTube videos so when we have actions that we want to paste back and then trigger a flow like for example I think in one of your cards you you have like a set due date I don't believe that's working yet do you have anything you can share with folks on when you button from the card and have that kickoff a flow yes this is this is a very good point in teams right now if you use a card that as buttons and by the way you don't have to show the buttons you can remove them when you're designing your thing when your your card but we're heading with this is you'll be able to use these buttons and when you use them that will push data into the output of that action so that in your flow you can decide what to do with that output right and and that's it's just not it's an it's something that we have we have planned but I would estimate you know within the next three months this would ever come out hopefully sooner yeah that'll really complete the circle I think that's you know that's that's a really neat thing I've recently hooked up github to my team to our dev team and and it's it's pretty it's pretty neat what it what it can do with like I can assign labels to things all from within teams I can assign people to it's it's it's neat and and obviously they had to write code to do that because they're not using flow but once you can kind of complete that loop all from within flow I think that'll enable yeah really cool and done scenario yeah and we've committed to that so no worries you have it and just one last point once we get that this is going to help in another way so remember I talked about power users right power users main may not always know power apps you know because you know you can embed a powerup in your team's right you know so create a Microsoft form in teams and show that but here's a third way to create a form right and what I love about the difference between this form and power-ups and forms is that this one is always going to look like your team's that's why it's called adaptive so like I'm one of those teams people who as you can see like the dark background this will look duck for me but the person that's using it who likes the light background it will look light for them so it has this integration that I love that makes it seem seamlessly part of teams right no effort on your part and and it's like to me the effort that it takes to add these feels click click click is nothing you can learn it in a day and you could be very fast at making these forms that adapt to your team's environments and that's the beauty of adaptive cards no work on your part it adapts to where you put it and so that's why I'm very excited and I plan to do a lot with this so you and I could be friends right yeah yeah there's a lot of opportunity to streamline a lot of this you've been going from the designer and how to replace fields I know David's and I have been in some meetings with Flo I I'm excited about where we'll be able to take this over the next you know a few months to really just make it feel a lot more cohesive yes and one more thing I want to show you before it let you go is troubleshooting whenever you have a problem with your cards and you need to troubleshoot you can use your run state of your flow to kind of look at what is going through now what I noticed sometimes that happens especially when you're adding URLs is you need to make sure that the URL works and sometimes it might be encoded or something so you can look at your URLs up close in here to make sure that they're doing the right thing that you want them to do and that's probably the level of troubleshooting I do with adaptive cards it's just checking URLs checking that I got the right date format so for instance if I go up to I think today I can look at that expression in date warmth so but I can see that it actually went through well so a little tip that might help you if you ever have any problems working with the adaptive cards in flow we plan to do some more there to help it be even more fun cool all right well this was awesome anything else do you want to show real quick I'll do like a super quick I have some one other thing on teams I was going to share just to get people to see kind of than anything else - my - oh no I want to come back one day and show you right because we have plant I have plans to do a full solution with adoption adaptive cards at the market business application summit in June okay but I'd love to redo that with you guys - got it okay perfect well so I'll kind of wrap up real quick just to give people an idea so this is what I was mentioning where how we're using adaptive cards in teams so github has written a team's bot this was written by github and every time an issue is a sign that we have some DevOps hooks but you don't get a really good job on this so this is an adaptive card helping us know anything that's changed you know this is literally from since this call is joined and what I love about it is I can click on label that does a show card well this one is currently labeled oh sorry known everybody so it opens up the show card and they populate a choice set with all of the labels that we have so literally from within teams I can either comment on this or give it a give it a label within github it's just a really neat way of us to just bring content into teams where we're at and the other thing I'll say really quickly is you don't have to limit your adaptive cards to the conversation thread and as a quick example we have a demo that will hopefully release but we have this this app a team's app called cap polling and watch what happens right when I add cat polling so I hit space and I can say create poll and if it works what it's supposed to do is pop up a little modal dialogue let me at cap polling need to install a new version of this and this I could say what can you do and I can say so you can say what can you do and then this particular bot or app can only do one thing which is create a poll and it opens up this little modal dialog so this is actually an adaptive card - which has a set of inputs and it lets me basically make a poll like you know what do we want for lunch blah blah blah and once I submit you I could say allow multiple but once I submit it then it says here's a preview of the card you're going to send and then I can actually send this card into the chat and so this is pretty neat like this lets me do yeah just really and when I have a meeting if I want to do a couple of polls I can not only do the poll but I have a record of what I did you know right Wow what's neat about this flow is that can be multi turned so you saw that I'm the first card is filling in the poll and then the second step is here's a preview of what you're going to send I could have done a third step you can do these kind of multi turn wizards where you're configuring what you want to send and then ultimately once you're done you send it to the chat and this is this is a channel so this is a channel we have so this is a group channel that people can can vote on so it's another neat use case and those are called task modules within teams but there there are another where we're powered by adaptive cards just in case people weren't weren't aware that and we can do for further deep dives on that so with that I think that's gonna wrap up our community call thank you so much Audrey and Andrew for for being our special guest stars thank you everyone for joining the call and we will see you all after build and find us if you're at build audrey are you gonna be at build at all or we're gonna see you know okay but it's really great thank you everybody I look forward to coming back again cool all right thanks so much everyone bye buddy

Original Description

Agenda this month: -Update on 1.2 release -Demo: Real-time syncing a card from the Designer to an Android device with Andrew Leader -Demo: Adaptive Cards for Teams with Audrie Gordon
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from Microsoft 365 Developer · Microsoft 365 Developer · 12 of 60

1 Adaptive Cards community call-February 2019
Adaptive Cards community call-February 2019
Microsoft 365 Developer
2 PowerApps community call-February 2019
PowerApps community call-February 2019
Microsoft 365 Developer
3 Microsoft Graph community call-March 2019
Microsoft Graph community call-March 2019
Microsoft 365 Developer
4 Office Add ins community call-March 2019
Office Add ins community call-March 2019
Microsoft 365 Developer
5 PowerApps community call-March 2019
PowerApps community call-March 2019
Microsoft 365 Developer
6 Microsoft Teams community call-March 2019
Microsoft Teams community call-March 2019
Microsoft 365 Developer
7 Using React and Office UI Fabric React Components
Using React and Office UI Fabric React Components
Microsoft 365 Developer
8 Build Microsoft Teams customization using SharePoint Framework
Build Microsoft Teams customization using SharePoint Framework
Microsoft 365 Developer
9 Microsoft Graph community call-April 2019
Microsoft Graph community call-April 2019
Microsoft 365 Developer
10 Using Change Notifications and Track Changes with Microsoft Graph
Using Change Notifications and Track Changes with Microsoft Graph
Microsoft 365 Developer
11 Office Add Ins community call-April 2019
Office Add Ins community call-April 2019
Microsoft 365 Developer
Adaptive Cards community call-April 2019
Adaptive Cards community call-April 2019
Microsoft 365 Developer
13 Microsoft Teams community call-April 2019
Microsoft Teams community call-April 2019
Microsoft 365 Developer
14 Getting Started with Microsoft Graph and Application Registration
Getting Started with Microsoft Graph and Application Registration
Microsoft 365 Developer
15 Getting Started with Microsoft Graph and the Directory API
Getting Started with Microsoft Graph and the Directory API
Microsoft 365 Developer
16 Getting Started with Microsoft Graph and Microsoft Teams
Getting Started with Microsoft Graph and Microsoft Teams
Microsoft 365 Developer
17 Getting Started with Microsoft Graph Explorer
Getting Started with Microsoft Graph Explorer
Microsoft 365 Developer
18 Getting Started with Microsoft Graph
Getting Started with Microsoft Graph
Microsoft 365 Developer
19 Getting Started with Microsoft Graph and Mail API
Getting Started with Microsoft Graph and Mail API
Microsoft 365 Developer
20 Getting Started with Microsoft Graph and Office 365 Groups
Getting Started with Microsoft Graph and Office 365 Groups
Microsoft 365 Developer
21 Getting Started with Microsoft Graph and the Calendar API
Getting Started with Microsoft Graph and the Calendar API
Microsoft 365 Developer
22 Getting Started with the Microsoft Graph Toolkit
Getting Started with the Microsoft Graph Toolkit
Microsoft 365 Developer
23 Getting Started with Microsoft Graph and JavaScript SDKs
Getting Started with Microsoft Graph and JavaScript SDKs
Microsoft 365 Developer
24 Getting Started with Microsoft Graph and .NET SDKs
Getting Started with Microsoft Graph and .NET SDKs
Microsoft 365 Developer
25 Discover how businesses can be more productive with Microsoft 365 integrations
Discover how businesses can be more productive with Microsoft 365 integrations
Microsoft 365 Developer
26 Adaptive Cards community call-May 2019
Adaptive Cards community call-May 2019
Microsoft 365 Developer
27 Office Add-ins community call-May 2019
Office Add-ins community call-May 2019
Microsoft 365 Developer
28 Why We Built on Microsoft Teams
Why We Built on Microsoft Teams
Microsoft 365 Developer
29 Microsoft Teams community call-May 2019
Microsoft Teams community call-May 2019
Microsoft 365 Developer
30 Microsoft Graph community call-June 2019
Microsoft Graph community call-June 2019
Microsoft 365 Developer
31 Build Angular SPA's with Microsoft Graph - June 2019
Build Angular SPA's with Microsoft Graph - June 2019
Microsoft 365 Developer
32 Office Add -ins community call-June 2019
Office Add -ins community call-June 2019
Microsoft 365 Developer
33 Build Android native apps with the Microsoft Graph Android SDK - June 2019
Build Android native apps with the Microsoft Graph Android SDK - June 2019
Microsoft 365 Developer
34 Build MVC apps with Microsoft Graph - June 2019
Build MVC apps with Microsoft Graph - June 2019
Microsoft 365 Developer
35 Authenticate and connect with Microsoft Graph - June 2019
Authenticate and connect with Microsoft Graph - June 2019
Microsoft 365 Developer
36 Microsoft Graph data connect - June 2019
Microsoft Graph data connect - June 2019
Microsoft 365 Developer
37 Change notifications with Microsoft Graph - June 2019
Change notifications with Microsoft Graph - June 2019
Microsoft 365 Developer
38 Build iOS native apps with the Microsoft Graph REST API - June 2019
Build iOS native apps with the Microsoft Graph REST API - June 2019
Microsoft 365 Developer
39 Build Node.js Express apps with Microsoft Graph - June 2019
Build Node.js Express apps with Microsoft Graph - June 2019
Microsoft 365 Developer
40 Smart UI with Microsoft Graph - June 2019
Smart UI with Microsoft Graph - June 2019
Microsoft 365 Developer
41 Leveraging the Microsoft Graph API from the SharePoint Framework - June 2019
Leveraging the Microsoft Graph API from the SharePoint Framework - June 2019
Microsoft 365 Developer
42 Build UWP apps with Microsoft Graph - June 2019
Build UWP apps with Microsoft Graph - June 2019
Microsoft 365 Developer
43 Build React SPA's with Microsoft Graph - June 2019
Build React SPA's with Microsoft Graph - June 2019
Microsoft 365 Developer
44 Getting Started with Microsoft Graph and Batching
Getting Started with Microsoft Graph and Batching
Microsoft 365 Developer
45 Getting Started with Microsoft Graph and Change Notifications
Getting Started with Microsoft Graph and Change Notifications
Microsoft 365 Developer
46 Getting Started with Microsoft Graph and Consent Permissions
Getting Started with Microsoft Graph and Consent Permissions
Microsoft 365 Developer
47 Getting Started with Microsoft Graph and Education
Getting Started with Microsoft Graph and Education
Microsoft 365 Developer
48 Getting Started with Microsoft Graph and Financials
Getting Started with Microsoft Graph and Financials
Microsoft 365 Developer
49 Getting Started with Microsoft Graph and Excel
Getting Started with Microsoft Graph and Excel
Microsoft 365 Developer
50 Getting Started with Microsoft Graph and Data Connect
Getting Started with Microsoft Graph and Data Connect
Microsoft 365 Developer
51 Getting Started with Microsoft Graph and Intune
Getting Started with Microsoft Graph and Intune
Microsoft 365 Developer
52 Getting Started with Microsoft Graph and Notifications
Getting Started with Microsoft Graph and Notifications
Microsoft 365 Developer
53 Getting Started with Microsoft Graph and OneNote
Getting Started with Microsoft Graph and OneNote
Microsoft 365 Developer
54 Getting Started with Microsoft Graph and OneDrive
Getting Started with Microsoft Graph and OneDrive
Microsoft 365 Developer
55 Getting Started with Microsoft Graph and Open Extensions
Getting Started with Microsoft Graph and Open Extensions
Microsoft 365 Developer
56 Getting Started with Microsoft Graph and Paging
Getting Started with Microsoft Graph and Paging
Microsoft 365 Developer
57 Getting Started with Microsoft Graph and Schema Extensions
Getting Started with Microsoft Graph and Schema Extensions
Microsoft 365 Developer
58 Getting Started with Microsoft Graph and Security API
Getting Started with Microsoft Graph and Security API
Microsoft 365 Developer
59 Getting Started with Microsoft Graph and Query Parameters
Getting Started with Microsoft Graph and Query Parameters
Microsoft 365 Developer
60 Getting Started with Microsoft Graph and Reporting API
Getting Started with Microsoft Graph and Reporting API
Microsoft 365 Developer

Related Reads

📰
Ask HN: Add flag for AI-generated articles
Learn how to identify and flag AI-generated articles on platforms like Hacker News and why it matters for maintaining content quality
Hacker News (AI)
📰
Apple’s Cloud AI Bet Has a Hidden Sales Lesson
Learn how Apple's cloud AI strategy holds a hidden sales lesson for businesses, focusing on privacy, security, and trust-building with customers.
Medium · Startup
📰
The Field of Continuous Intelligence
Learn how Continuous Intelligence is changing the field of AI by becoming a mindset rather than a task
Medium · AI
📰
Memory Capacity Production Slowly Expanding To Meet AI Industry Demand
Memory capacity production is expanding to meet AI industry demand with new facilities from major manufacturers like Samsung and Micron
Forbes Innovation
Up next
Has Farage upset Reform supporters? | FT #shorts
Financial Times
Watch →