PowerApps community call-February 2019

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

Key Takeaways

PowerApps updates and reusable components

Full Transcript

welcome to this month's call everybody this is February 20 2019 power apps community call usually Audrey is joining me as the host the Khan Valley and the rumor is that they're gonna reboot the Silicon Valley show and she's going to be the star no I'm just kidding but I think she would do well in that anyway but whatever the case may be I will be your host today and we have a packed agenda as Dana mentioned so let's get right into it today a little housekeeping first the power apps community call you can click that link right there to download a calendar invites you can get it on your calendar and join us every month we do this every month on the third Wednesday of each month our next call is going to be same time same place on March 20 2009 teen in this call every month we share the latest news and community contributions from across the powerups community we give you a chance to meet the product teams behind power apps we do deep technical dives and we have QA and so in two days call our agenda looks like this today we're going to go through who's presenting today real shortly and then we're going to talk about the brand new power apps updates and these are the new reusable components and I know my team and I are having a lot of fun working on these and so if a is here to tell us all about them we also have ICO here to tell us all about Power Twitter the very cool powerup he made which actually replicates the Twitter website then we have some news and community activities we've introduced the new segment called the monthly - so Audrey and I will both be giving out one of those in the future since she's not here today that'll be just me and then we'll finish with some Q&A today's presenters are myself on the left EFA Wang from Microsoft she leads the team that is working on creating components for power apps and we also have Michael Mendoza here today and I co-created Power Twitter and he's going to show that to us we also have in the background here today's powerup product team chat guru Brian thanks Brian for being here I've already seen you chime in on a couple questions and the Q&A we really appreciate your help so without further ado let's just move on here now and you Faye is going to present to us what are components so I will stop my screen share here and let her take it away hello everybody can you see my screen okay okay okay let's get started good morning everybody good afternoon my name is Ethan I am a program manager from power apps maker team I am very excited to introduce this campus component as experimental feature this morning as a maker you probably have been through this before you create a useful group of controls like a header and you want to copy paste it to each screen of your app where it's needed but if you what if you want to update any part of this your control such as an icon such a formula or even a call of color you have to do this change in every copy there's a lot of small edits that can happen and add up to a significant task components teacher is here to help what are some of the what are components components are reusable building blocks for canvas apps you can define instead of controls to reuse inside an app and they behave in a master instance the manner meaning that any updates you make to the original copy and we call it component master will apply to the other copies in the same app what are some of the benefits of using perform using components first of all performant game let's compare the two methods the first semesters copy pasting header into each screen of your app every time we do copy pasting the codes get duplicated and the size of your app increase as every time the copy paste with component feature every instance will point to the component master meaning anytime when you reuse the component size of your app does not get increase so smaller size of your app or run faster the second benefit is import and export if you go to the if you go to the you will see options import and export to files and profiles this means that I can build a header components and and I will send email to Brian say hey try this had a component not a beaut and Brian can import it from the file and boom he will have had a component for himself as well please note that the lifecycle of the component is only booted to the app so after sharing there's no linkage between the two apps I will share a more detail on when we talk about the vision in the end and last but not least customer properties controller properties such as color height size etc other box but when you create a header component and reusing in each screen whatever you want to make customization in each different instance for example what if I want my header component to to display different color in different screen custom property is a way for your component to receive data and emit data let's take a look at the demo here to try out the component feature first all you need to go to app setting the vessel setting and all the way in the bottom make sure that this feature is turned on after you turn on this switch you will see two difference for saw next to the tree view you will see a component list there's this is a list display all the components masters in your app that you have created if I click on new component I lent it to a square yeah are you guys can still see my screen yes yes okay it's nothing important okay that's cute so after I click on a new component I lend it to a square screen this is a space you can drop controls to make your component and you can also edit the size let's see in this demo I'm going to do a simple sorry if a this green is gone open now not yet you you oh no it was trying but no yeah yeah I see it again I see teams yes you see I'm so good can you see it now mm-hmm yes I see my crystals on your screen yeah it's showing teams okay I switch back to your presentation okay click on the new component I'm landing to square canvas that's where I'm going to drop if I can usually yeah looks like you're sharing your team's window can you share the screen that has your powerpoint on it let's talk you see my screen now yes oh yeah okay great I'm landing - it's great canvas where I'll be dropping whatever I want to reuse in this space and in this demo I'm going to do a numerical up and down let's make it small you a Newport numerical up-and-down is basically a taxi input with two buttons one going out one going down it's just a demonstration of how can you use component what are the concept new terminology I just talked about so currently I am just trying to build a normal numerical up and down let's create a variable to do so the default input so as you can all see while she's building her component here the authoring experience in the component is just like it isn't a screen you're just dragging controls putting them on setting their properties and things like that so there's not a huge learning curve on how to build these once you figure out how to get data in and out of the components thanks I'll fill me up and yep this is how you would normally boot a new Mariko up and down let's try it out so I just landed two new component canvas and do the same thing and let's go back to the airport 3c then the one you want and the second place you will see a new new I change is in the insert tab after you create a component and you come back here you will see your components showing up maybe change this and say let's rename it to Uptown and let's try to insert it there you go and I have the exam same copy here you can insert as many copy year as you want and interesting that each instance will have its own behavior let's play it around so changing one copy does not affect the other one and if I want to make any update I go back to my component master and say I change color of my button the automatically updates all the instance in your app and what if I want to do components when you're using in your app or three its treated as a whole thing so in my tree view I cannot expand everything all the controls inside my component let's make sure that when people in the app watering will not mess up your component but what if I want to image some data in this case what if I want to meet the data of the current number that's doing up and down I would use a custom property as we talked about to be an output number and what I did just I create a new custom property that there's a number now I need to tell the enemy to tell what this property number should be outputting so I use formula to say what is the number that I want to give out let's try now so going back to a bartering our add a label to show that how can I listen to this number and one is the number is the name of the instance and custom property I didn't rename it so now this text is listening to the outer poverty which is the number it's outputting from label one let's try to make this one listen to again instance let's play around with it this is a very quick demo of some of the new terminology and a concept we just talked about there are a lot of more cool stuff that you can do with components I have two more examples here one is a menu banner it's trying to meet it's a component that a beaut trying to look similar as a tab control and in here I use the gallery to mimic how would the tab control looks like and I create customer poverty which is a table party that takes input and the input looks like this so in the table input I need to tell what schema it's seeking it's taking the name you want to display and we'll take also a screen type so the answer length of the gallery can navigate to whatever screen you you give the input and image if I which I didn't really use the imagery here so when I go to my screen let's take a look how I use this one so when I reuse this header component the same property I give for items into the table the name is the display and I tell which screen I want to navigate to of course again didn't use the image so I made the three screens I made three screens and with the header components each screen have a button to show that they're different so just quickly play around with this one so by clicking on the name I can navigate to whichever screen it's an easier way that you buuuut had a component once and reusing each screen in your app and another example on the show is a calendar component the calendar component you probably have a senior somewhere is the office user office or the calendar screen screen template yes so this this component is heavily you can choose what year what month and you can select a date it's how do you using formula to calculate how does the display she looks like let's try it out in the first screen let's answer another calendar component so here we should say to copy of the calendar control and in the calendar control so she now has being setup is an output property that tells what other plates has been selected we'll do the same thing trying to listen to the output property and this component is heavily rely on calculation formulas it's being a little slow you you will notice that when you type in the instance name and do that intellisense will tell you what are the available so the input the open cavities you just set it up will automatically show up let's play with it so after I selecting the date it will show me what are the data type in selecting it's pretty cool those two example the three example demo I walk through is a very simple example to to demonstrate the idea of updating of reusing where the UI will be changing and the panel example and calendar example is to inspire people to see what are the things you can do with components there are actually a lot of more cool stuff you can do and and we have prepared we notice that in this feature there will be new concepts and new terminology we have prepared some learning materials blog posts and Brian English YouTube video have a Serie of videos walk step by step how do you build a header component and a lot more interesting content please check it out and in the end I won't talk a bit about going forward component is a feature that's a step towards reusability and scalability as well as for more complex apps and distributed a building there's so many more to come and one of the area that we're investigating is how do you share components using the cloud imagine if you create a components are similar to the office use the screen template you can share on the cloud every maker in your organization or automatically get access to this component and one click they can reuse the component in their app other maker don't even need to know how to build this component they can just treat it as rich component control library this can make app authoring experience much similar but also reach the like co-authoring easy and support and makers to become creative we hope this feature will ship how people making an app and we really want to hear back from you guys you can share how do you think in the comments in the blog post in the youtube Yammer and also create posts in the forum idea forums with a component tag and leave comments everywhere you can reach to us your feedback will help us to lead a future that we all want to see um that's it for me thank you all thank you very much that's a great presentation and introduction to components there I'm really glad that you showed more than just one component there um the the the docs you know that are online right now talk about how to make the menu component so I see a lot of people making blogs off those and it's really nice to see that you show other things that you know can bring in data and do things other than just a menu because as you look at a power app in my opinion anytime you have something that you can repeat across screens or cross apps it's a really good candidate for a component so thanks again for the show in that I bet you did not have time to look at the chat while you're presenting that but there's a lot of excitement about it and everybody says wow this saves me so much time thank you very much thank you okay all right sounds good so we're going to move on to the next part of the call now and we are actually perfectly on time here so I call that you take it away and talk about the cool power Twitter app you created and teach us some cool things about what you what you learned and built to implement that out sure well first of all I want to thank you for the well this great opportunity to let me talk about power to air to the to the power ups community well it's also amazing to showcase this this app if just before companies I think is one of the great things in power up since I don't know since I'm nothing I know the this application what in the screen right now aperture is a pixel by pixel implementation of Twitter's hum homepage in a campus power up a this committee to my I don't know it was an idea when we were organizing the office 365 developer bootcamp hearing in Tenerife in Spain we wanted to to create something awesome we wanted to I don't know to push the possibilities of the canvas app so I had this idea to replicate the to your home page to see if we can emulate everything that you can see in the in the web app a the menus the the campus use of the of the to your homepage on also using the Twitter connector that that we have in empower apps and well and for me a power drill it is not just power up and for me for example this is a repository of things that I've discovered things that I've learned from the community if when creating power a campus apps and I'm I know that you've been mean here as I as I am right now a wondering can I do this win power-ups can it might be possible to do this it might be possible to create something that is not a ringleader in the actual components I hope this helps you in solve some of your requirements for your apps to see a something that that is being done here for example a in power drill you have sweet sentiment analysis using a sure M connecting to the azure a cognitive services to analyze the sentiment of each tweet in your timeline we also have light and dark themes and those teams are are connected through all the app through all the components that you have in your in your application as you can see just right now and you can change they hold the whole application by just a setting [Music] in this application this a we have oh the full control of the of the canvas apps what are the controls that you may see here for example one of the lesser-known a company this a screen canvas that is a scrollable a canvas that allows you to to have a different scroll world for for the whole application I will show you just just about in in just knob in a moment in in the demo we also have the flexible height a gallery that allows you to have a a gallery that that its eyes moved depending on the contents it was the one of the things that I need it for to replicate the Twitter homepage because it some tweets have more text and another some tweets have images or stuff like that and also we're going to see using SVG's a in your in your application because these are possible this example this code example for example a was given to me by well I was talking up with Brian rank a about this a how to put a SVG images into your power up at first a it was only available in the power ups when using the power up in in browser screen but now it's available in Windows 10 application and we further ado I'm going to show you a what I mean with a power Twitter okay let me show you my screen okay are you stealing my screen right now we've got it okay as you can see here this is a Twitter as you can as you've been seeing the whole time a-and this is true as well but in a powerup as you can see if I click a tab what let me close here and very OCD with this application it is almost just like the the to your homepage it has use of these for example you see the header and has a different scrollbar then then they web in the web app you have the same here in the in the power wrap there are some things that I see so you're all tabbing between the power app and web browser that's why you're top of the screen shown browser gotcha that's what I wanted to show you that is it's almost a perfect replica of of tear so this was a idea to see I can accomplish this I can I can do this I came for example in this application I can well sorry for the misbehaving in scrollbar for example I can see the images that you have in your tweets I can for example show you the menu is replicated so you can check here and do a sentiment analysis of with a sure connected services of every tweet that you have seen your in your timeline for example if the bar goes a bigger the tweet might be with a wrong sentiment or something or sometimes like this tweet it doesn't get it get it right all the time but it's just an idea so you can see how to work with as you're connected services from a powerup is it's just just using the text analysis connector in in power up to accomplish this but as you can see I'm replicating almost everything you have the menu here you have the menu as well and also if you click here you get the the dark mode well it's going a little bit slower my computer is is sinking so much to show you this but you can see you can change the whole application skin by just clicking this this this button everything is is made by collecting all the information for example in here if you click on application settings you will see all the colors that are in each team infrared light team or the dart team all the colors that are here are the ones that are being used in the in the whole application but everything doesn't stop there when when I talk with a with thought about I think it was in in December about showing power to earth to this to the community everything was it was good everything was fine but then Twitter decided to change the whole application and the whole sorry and the whole interface of Twitter a just a few days just before the working with this demo so I decided to take on I have this this is the new power to Twitter application if you will click here this is the the image that two years showed when they want they were testing the the new interface if you click here in the power Twitter you will be moved to the to the new version of sure you can see here is almost the same except of the toolbar of the of the browser you have everything as you can ask you have interior and even better you can you can have a some sorry of the images you can have for example you can learn from the application how to do this how to create a shape of of the zoomit images in your application you can also have more and more a exact copy of for example when you try to tweet all the images that you see in this version of the powerup are SVG's are not theirs these are not a JPEGs as as they as they were all these images as you see here are SVG's I'm going to show you for example here if I click here these images you will see the image he is a placeholder for keep wearing this in this information from Twitter what I did to recreate this was a kind of simple a you inspect for example this image you take a the the browser information for example the path that you have off for your SVG you take that into your power up and this just simply paste here the G section of the SVG file because this needs to be here exactly for example that you can change the color and stuff like that and you have all the images in the application as assign instead an SVG so this is improved your application because it doesn't take all the all the images inside in the application and powerteacher is also created by using a canvas application a campus the screen sorry as as I told you before this is the scrollable a screen when you create this screen it creates an empty screen with a different as I told you before a different a control that is not very well documented that this a canvas a control that allows you to have a different scroll bar from the application as you can see here you have a scroll bar you have an application that can grow as much as you as you like as you are seeing in power tool this is a new version you the application can grow as it as it needs to you became for example a have it grow in this example we're growing to five thousand pixels so it can accommodate all the tweets that I'm I'm looking in in my in my timeline and in this application you you always see a different approach to to theming because I'm not using those a this config screen with all the controls because I know that once I I create in this I start to see that it was taking more and more to change the themes because it was just looking for the control looking for the feel property to get the color so I changed some things a little bit as you can see here I created all the themes in in code by using the color value by just setting this I can create all the all the themes that I want to use these themes work a even faster than that than the previous version because it's in memory so everything that works a real well the application is lighter because I don't need this this screen anymore to have all the controls in here a I started working with for example for this for the menu in order to have more features here but I couldn't make it to old to all the features that Twitter a change in in this this release of the UI I even started working with the UI and to change it a in in just a couple of days for example this option was was changed from from the diversion that I had so one other thing that I have learned a I found a pattern for example interior when they they when they used the connector to show it to tell me which images are being shown in a in a tweet so I discovered a pattern that changing just changing the URL of the image it allows me to show you for example the gift animated gif that someone puts in a in a tweet just by changing that and when getting all the code another thing that I don't know if you noticed a the in this version of our Twitter you have these links in a different color you see the hashtags the dimensions that you're having in every tweet a are being DNA we with a different color if the me see if the application response my my laptop struggling with sharing and all the stuff but what I wanted to show you is that I'm not using that simply a simple label to show you this let me change the screen to show you this this information the tweet message I'm using a an estimate HTML a control in order to show you the the message as you can see in the first version they all day all the text was just in one color but in the new version I decided to use a new approach in a new rule featuring in power-ups that is the the regular expressions by setting the regular expressions in a sweet message like I was allowed to change the man okay I think I'm good enough I was able to change the the message that I'm showing here in my collection I have in my collection all the tweets that I'm I'm learning from the obliquity from from Twitter and I'm getting from Twitter I'm analyzing all the tweets that are that I get I'm getting the regular expression to match hashtags or mentions and then change the color inside of it to match a the s the this Twitter blue that you can see here you will see he all this in I'm going to write a blog post about this but as you can see here in this code this is what I change for getting there for example the image to change into a video to show you the animated gift and also I have all the code here that use much all that is a new function in power-ups to match all the other cases for example for the hashtags over dimensions in the in the code and then I change all the all the all the messages that are having my collection to change a when I see a match in my regular expression to change the color properly okay and another thing that I thought I wanted to show you is well another thing that I discover a by building this this application is for example this text as you can see in here let me see if I can show you okay a you know that a when you get it when power up strikes to get all the fonts that are available for you when you use text and example this this ones that are you do you get here it all it gets all the families of this font for example for the Segoe UI the the RAM that Twitter is doing is using for the their interface in this example for this type of text is using say you say go aue black not segue UE so there was no way for me to increment the the wave of this of this font by simply setting a bolder or something in power-ups so you can have for if if my were apps get all the families of of one font you can put that that text HTML text and change the style of that text to get the precise font family that you need for for your needs for for example for your application I discovered this by using the Dom when when I was testing the the power up so those are one of the things that you need to take into account when you are creating user interfaces that simply if there's no as there's something that you need to accomplish that is not here in the toolbar of of power ups there's some some other ways to to get around it and and for another tip that you can see here in empower Twitter is for example when you're using let me show you by running it let me see if I tried to tweet as you can see here a this is a rounded a dialog M there are some approaches to do this as you can see the only control that allows you to set rounded corners is a rectangle but in order to have this I would need to have a for example in the previous version off of power Twitter I would need to have a dist let me show you this a little bit see if it changes okay um I wanted to have a dialogue with different let me click to it with with different colors so one what was one of the ways that I could do this I could have an image come of this size a to put here in my in my in my in my dialogue one of the approaches to solve this and and improve the application by using a smaller images is to have one pixel up a image that you can put here like this and then set the feel of the images like here as you can see let me see if I can to stretch that way you can create one pixel images and then stretch that image in order to have a bigger image in your application so you can put an image control you can put one pixel a image inside of it it stretch it and then set up border radius like here so you can have a rounded dialogues and what else a and just I'm finishing here and one of the other things that that I could show you here that some other things that you will find in in the application is a the one of the things that that you can see here is I always try to have a naming controls there was a guide a guide that was in in the power-ups blocks a few months ago I think that I think is very important to always see this and know where you are working with if you're working with a canvas you're working with a new toy in the new to it a image you're working with the toolbar so you know where you're working with it is better for you it's better for the person that is is working with you in in the powerup is this is a powerup there's several people working with that it's easier for them to know exactly where where they are working with and one last thing is I always remember and just like components that you can use em try to reuse your code I try to not replicate the code everywhere is not simply by using components a whenever you you can't but for example when so many images I have the shade here that's a that is simply showing whenever a very well is set is for example this shade visible is false when I wanted if you click the shade it disappears it disappears the dialog the image is is the the width of the Asuman images is set to zero and the menu is hidden as well I don't want to repeat this for example if the person clicks the image that is on top of the shade so why do I do instead of repeating the code I go here in the unselect I simply use the Select function I just emulate the click so when you select the shape image it will run the on select of the shade image so I don't need to recopy this I need to copy this code everywhere or example if ie I have several points where i refresh the the Twitter application I just simply put the other code in one control and set the others to just click select and run that that code well and that's it I hope it wasn't over a little bit overwhelming a power tutor is going to be well the first reversing insole is in my github account github slash cycle the new version is going to be released today and I also with a blog post a trying to explain all the other things that I show you this today aim and I hope you like it that's also Michael thank you so much you got so many people in chat say I love your app great job super out so way to go there's so many different things you talked about here and if if I could ask you what we're like three best practices that you consider a best practice that you learned as a result of creating power Twitter well if I can tell you this a what one of the things the very thing all the controls as so in my screen there were many controls for this application in fact it this it is very heavy on your own power up because it has many many many controls so one of the things that I've learned is I I need to the you need to try to reuse controls for example using components or for example using reusing code because for example I have one code a refreshing the timeline I have the same code refreshing the timeline but a using the current eServices for the sentiment analysis so a I learned that I needed to to organize all my code all the callings in my application for example when they on start runs is it just runs when the application starts remove the unvisible a code in each screen because that takes a little while to just display a screen with dot that many controls another thing not use another concert to give me a very well for example it's best to use global variables by using set I think the one last thing is to proper naming I I can repeat that much this a proper naming of controls is a lifesaver sometimes you have that many controls in your screen oh man I'm clicking for example all the dividers that you see in the timeline in the in the Power Twitter it's crazy there are so many dividers in in everything every control in every piece of the of the UI so this is the divider this is the first divider is the divider that is in the middle it's crazy but if you have proper naming just by looking first divider second divider or whatever use you will see all the information a at first yeah in combining groups with that properly I mean can really make it a lot easier to get around in your app building it - I bet you you know that one - yeah that was that was fantastic you know a couple things I was looking at it you did one of them I just found out two days ago interesting thing to build on what you showed with the SVG for the image yep if you actually look at how power-ups renders the SVG image and the Dom my opening up developer tools you'll actually see that that is actually it's actually set as the background image property in the DOM and the reason I figured that out is because I was putting hyperlinks into an SVG inside of a powerup and I couldn't figure out why when I click them they were not going anywhere so that's when I looked at the Dom and I found out that that image is part of the background image property and that's why your hyperlink won't fire so that's a nice little tidbit to know about if you're using SVG and a power outlet as yeah another thing is that not everything is a works with all the power-ups a a applications for example to say at least for example a I wanted to have shadowing for the new tweet a button and it works on the running a power tool by using the browser but it doesn't work in the Windows 10 app so a I know they will the stand up is always catching up but it's getting there because a I don't know two months three to three months ago they witnessed an application didn't I allow you to use a SVG's but now it does so it's perfect perfect yeah yeah certainly is yeah thanks again for that let's finish out our call now we have about nine minutes left and so here are resources related to power apps components and Power Twitter and I see a lot of questions in chat in case you just got here and you're wondering is this deck available the deck is available the recording is available keep an eye on the office dev alias on Twitter where the recording and the deck will be posted and Dana also does a great job of gathering all the questions that pop up in the QA she sends them to me afterward and I go through and answer any that weren't answered and format that nicely so our entire Q&A is also available in the blog posts that we follow up with here again thanks to our presenters today what a great call incredible content here everyone learning a lot really appreciate both of you taking your time to share it here today so let's move on to some of the recent news here from power apps we have a new blog post on power apps team blog of all the things that are included in the January 2019 product updates and a couple have come out since this blog namely that app object inside of the power apps editor and this is an important announcement make sure you're upgrading your previous version of CdSe databases and any apps and flows that use them I know we received an email for all the different tenants where we were using these and have gone through this process and so this link here will tell you all about about how you could go about doing that community contributions thank you everybody who could be tweeted the power app CC for power-ups community call hashtag with their community contributions when I rounded up the community contributions a few days ago these were the three folks who had made a community contribution and some of them had made more than one if you made a community contribution since I put this slide and don't worry I'll capture it next week and put it up there but I really love these two because as I go through them and Kyle ate them and and write them down I look at them all too and and I learned some great things here too so these were three of the one that these gentlemen so nicely contributed to the community that you can take a look at and learn some great things too so thanks everybody again for that so their monthly tips section this is really a short section and my tip on the monthly tip for this month is when you're creating components and I'm giving you this tip from firsthand experience when you're creating them start with some simple basic component first understand how everything works before you create the component that you'll actually implement in your power out this gives you a great understanding of how components work before you get too complicated implementing them the first time I tried to make a component I looked at the documentation I went okay I see how this works in theory and then I started building a very complicated component I quickly found out that I didn't have things wired up the right way and it wasn't working the way I expected so I put that one on hold I went back I built the basic sample that HelloWorld ish type sample got it all straight in my head returned back to the more complex when I had and updated it and got it fixed real quick so just passing on that knowledge of my experience and what I ran into I think you can save yourself some time if you start simple and build a basic own before you you build your end game next thing we have is pretty much thanks for everybody for joining as I mention we'll post this on the office developer YouTube and go ahead and please share your community content with us and tweet a link to the content to any description of it and that hashtag power app CC that's all you have to do and you get automatically entered into a first quarter raffle to win an Xbox so we've got one more month of doing this and then after next month we will be raffling that Xbox finally add add this to your calendar if it's not already on there we'd love to see each month and help you learn all about great things with power apps our next call as I mentioned at the beginning is on March 28 a.m. Pacific time and we hope to see you all then we do have about four minutes left here for Q&A and I like to thank Brian and everybody else who has been chiming in and answering questions in chat all the way what a great community we have helping each other out here and if there are any questions we've got a few more minutes left so yeah I think like everyone likes to unmute and ask a question of the presenters or something else about power-ups now she chose there were a couple of people who would like to know about the road map is that something you want to just sir or should we save that for next call I think we'll save that for next call I can give everybody a little teaser on the next call we're going to be talking about InfoPath and how do we migrated from InfoPath forms and show point workflows over to power-ups and flows and that's going to be the majority of our conversation next month so I know you will get some roadmap information with regard to that aspect of power apps next month okay so a couple other questions when can we expect the power platform admin Center to become generally available I wish Audrey was here I don't know the answer to that question so some of these questions that we don't know again will follow up and we'll put them into the blog post summary as Todd mentioned before Brian just posted a link in the IM chat for the road map note notes for the next 12 months I'm so you can take a look at that and then you can come to the next call with questions on that and we should be able to answer a little bit more there and there was another question and this might be the same thing anyone have any idea when power apps will be available to external SharePoint users could it be this year that is definitely a good question for the power of steam sounds good we'll follow up on that one as well and does anybody happen to know the exact height of SharePoint thumbnails I can find for landscape photos but what about portrait for small medium and large thumbnails like an office 365 profile picture thumbnail um just do you want to expand on that I need to go back and find out who Anthony asked that question I see a question here from Brian said they haven't announced a date yet for it Joel asks a question and good to see you again Joel the question is any general advice on the safety of using experimental features and production apps because the features might change break or disappear no my advice is talk to your client about it I have some clients who are comfortable with it and understand that we may need to make changes to their code or they could break unexpectedly and they're ok with that because especially with components they like the long-term gain they're getting out of developing things with components compared to without components I have other folks who say that's too risky for me I'm willing to build it the way that's not experimental right now and then in the future if we decide well change into those features once they're not experimental we'll revisit it at that point wish I had a better answer to it on kind of a yes/no on a feature by feature basis but I think that's pretty the mode that's the most pragmatic way to look at it ok well that like were to the end of the questions if anybody also has ideas for content they would like to see on the call please feel free to tweet out with power app cc and let us know I'm always lining up speakers and pulling together the next month's agenda and planning several months out with Audrey so we'd love to get your ideas into the queue on what we plan to share with the community every month so thanks again everybody and we will see you next time have a great day

Original Description

February agenda included: - PowerApps updates: New! Reusable Components! -Eickel Mendoza - PowerTwitter Presentation -Recent news and community activities -Monthly tip -Q&A
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

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

1 Adaptive Cards community call-February 2019
Adaptive Cards community call-February 2019
Microsoft 365 Developer
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
12 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 AI Lessons

AI: Energy Taker or Energy Maker
Learn how rising data center energy demands can catalyze a clean energy transition and why it matters for sustainable AI development
Medium · AI
When AI Asks for More Electricity Than a Country Can Imagine
AI's increasing power consumption is causing concerns, learn why it matters for data centers and energy supply
Medium · AI
You Are Not Behind. The World Is.
You're not behind, the world is still adapting to AI, and it's okay to take your time to learn and grow
Medium · AI
Career choice with the advent of AI - pure Computer Science or learn software with a background of core engineering area
Learn how to choose between a Computer Science and Engineering career path or combining programming with a core engineering background in the age of AI
Dev.to AI
Up next
Generative AI
Alea IT Solutions
Watch →