laughs he's keeping that in [Music] thank you [Music] [Music] [Laughter] hello everybody Welcome to UNI Builder live I hope you guys I hope you enjoyed the new graphics as much as I did oh no Kim you could hear me welcome everybody Mantra which made it better I didn't know we were perfect thank you producer um so welcome everybody to you and I Builder live another fun episode of Salinas and now Vancouver see if this was the developer Advocates they have like some like little Vancouver logo here to point to so let's just pretend we also have it and then we can add it in post right well played well played this is perfect awesome so Brad what are we doing today all right today uh we are going to we don't have a huge plan for today uh we're gonna try to build some stuff out uh just using mostly new Vancouver stuff so the purpose of today is really to highlight some of the new Vancouver features uh and you know hopefully we we build some things as well I knew it would end up there uh the Vancouver release thing so let me uh hold on first let me open something before we switch into a screen share so everybody if this is your first time with us hello Sam how are you doing um welcome to you and I Builder live we have this show the second and the fourth Thursday of every month uh at 4 pm Eastern we also have another uh live stream webinar thing that we do on the third Wednesday of every month that's our next experience Academy you should also tune into that it's at 11 A.M Eastern um was that enough time Brad yeah it was good okay perfect let's go and we're there okay yeah there we go uh this is I'm pretty sure it's a Vancouver instance uh so today we're gonna get into mostly uib Vancouver stuff but uh should we do the little uh toolbar thing first should we enable that yeah for instance do you never remember the property name I have it written down here just give me two quick seconds to hunt that down we have to make a new property for this and of course the SSO decides to make me log in now we're going to create a new property and it's going to make magic happen in the instance I mean Vancouver's been out people probably know what this is but except I'm gonna yeah global if only I could set the scope easier only you could you know I think I heard that there's this new bar that does it um it's loading right now for me all right so something that's really cool is if you haven't heard about the developer MVP program um basically it's a program there to highlight and amplify the voices of developers in the community you can apply to be selected every year and I had the privilege of being an MVP twice and part of that was actually getting to give part of the cool Parts about being an MVP is that the developer Advocates back then arranged a a session where I got to give feedback to product managers in servicenow and this is the result uh of what it is of what our um feedback session was so I'm typing the property in the chat in our uh backstage chat let me know if you got that okay and then you have to set the value to false there's like five chats where we can type things to each other [Laughter] awesome so this with a string does it matter yep string and then value false uh instance tools disabled false all right I know um I love it I have to log out and log back in probably uh no just a hard browser refresh and now you can see it oh there we go right corner it changed and so now I can click on show instance tools and I get a new uh what what do we call this is this an admin toolbar the instance tools admin bar sure what is this called instance tools we'll call it the instance toolbar so I get Global I get the application picker the update set picker I believe uh domain picker shows up there's five Pickers I believe that show up here and language may be another one um but yep so it's application scope update set domain and encryption but more may be added in the future and so that's one of the reasons why it's a new bar and we've got five Pickers that can show up here and then you obviously there is not enough space here especially if you make use of the admin configurable menus which are kind of awesome and you can do all sorts of cool stuff with so we've got a new toolbar and this shows this actually pulls from a system property that used to show next to the logo but now like you could you know label your instances differently here and and that sort of thing so um this this is kind of the admin developer toolbar and you know who knows what we end up putting here in the future I think we've got some some space and some some room to do things so yeah so that was number one uh yes there you can do some things like open the list open the individual record or actually create a new update set from here I don't think you can create a new app yeah that'd be kind of weird um that would be yeah you can create a new update set from from the menu here so that's a fun New Vancouver feature um and obviously something that people have been asking for since San Diego when we released the new UI and we finally have the pickers back unless you were using snutils and then they've been back for a while all right so let's go ahead and open UI Builder without further Ado uh oh before we do that we're gonna let's look at some workspace stuff um let's see if service operations workspace has uptaken this so we're kind of flying by the seat of our pants here so one of the things that we added and workspace so we do have a question is admin bar styleable through themes I was answering that in the chat uh so it will change yeah it will change according to the theme you have applied I have it currently pink in my instance because it's all pink um I haven't checked to see if it has any independent um hooks or if it just uses the default primary secondary hooks but it does change color according to what you have yeah it looks like header bar is using or I'll move our faces oh yeah where are we at so header bar is using what um I don't see a background color yet uh go to the higher uh class the actual header Dash bar uh so header bar was not anything we're down I think it's the Polaris Bar we have a background color in here somewhere oh here it is um it's under utility bar the class oh for the utility bar uh background color yeah so it's Chrome brand eight is the theming hook for the background bar so you absolutely could um theme this I think one cool thing that you could do would be to disable that property in production so that in production you don't have this bar or the pickers and then in your sub prods you do have the bar or the pickers and that's kind of maybe a better way to know that you're in production rather than just colors uh is like hey I I can't select an update said I must be in production so all right what was I doing here oh let's open a let's open an incident and see if I get a we we did some email stuff in Vancouver I don't know if you have to do anything to implement it so we're just gonna see if it shows up here go away working out's private um uh do I have email close email no uh so it may not be so we did do some email things where you can drag and drop uh people from two to CC and BCC uh you can add attachments and forward attachments now and then the other thing that we added I don't see here but I don't know uh I don't know if there's something you have to do to add it but you can also add email here and compose an email from the activity format or do I have to be in details maybe no all right there's a way to add this I again didn't do any prep for this session so uh but uh yeah you can add this all right so without further Ado let's let's get into UI Builder itself because that's that's what we're doing here what are we doing here Brad no well that is really the question [Laughter] let's go oh we're gonna use the Pickering uib so one of the things let's see I should get the new what do I have the old fave icon I should have the new one so one of the things we're doing uh is is really trying to unify the way that all of our Builders look um so UI Builder uh you know catalog form Builder all of the different Builders we're really trying to unify the way that they look and act and so you'll notice that in Utah UI Builder got a little bit of a facelift and then it continues into Vancouver um and so that's why we have a new icon here this should be a new icon I probably have to do like a hard refresh or something which I'm not going to do but we're going to go ahead and open one of my workspaces oh that's it may I may or may not have been singing the alphabet in my head to figure out where F was um but I'm not the only one all the time all right so we're gonna switch to the scope and so the first thing that we're going to do is we're going to create a new variant uh for our home page and so this is uh this is an app that's from my knowledge lab this year which was CCL 1200 creating a killer workspace using UI Builder where it kind of walks you through building out a workspace or basically modifying a workspace that's already created so we're going to add a variant to a new page we're going to add it to the home page and why are we adding a variant instead of duplicating uh I'm going to add a variant because I want to start from scratch because I let's say this home page is for a Persona that does not care about anything that's on any of the existing home pages so we want to build it from scratch kind of know what we're looking for uh we did get some new um some new templates I think I don't think we had all these Playbook templates uh in Utah although we may have had some of them uh but we've got some new playbook templates to where if you're building a plate a page with a Playbook on it uh you can use one of these templates but we're going to go ahead and create from scratch we're going to call this uh Vancouver landing page because I am uh just very creative all right Vancouver landing page is there so one of the things I'm going to do is we're actually going to click into the settings and we're going to set it at 50. so this is not the landing page that I would get if I just uh if I just uh opened the page up in the runtime because there's another page that is listed before it I guess we have to go back to experience view right so we have the dispatcher homepage and then if I don't meet this audience then I'd get the Vancouver landing page so remember that because it'll be important as I'm planning out what we're doing in my head as we're doing things sure all right there's a couple of things that we notice right away um or a few things that I notice at least so uh we'll start over here one of the things is that we have a new popover uh we have a new popover option here um so a pop over is something new in Vancouver it is similar to a modal and that uh based on some sort of action most of the time a click I'm going to show something and and so sometimes that's a modal but sometimes it's a popover so the difference between a modal and a pop over generally is that a modal takes all of the focus onto one area so that's a good thing if you need somebody to do something before they do anything else a modal is the way to go sometimes you just want to provide somebody more information if they click on something but you want them to still be able to read everything else on the page or do something else and in that case we get a pop over and so we'll we'll go ahead and work with the pop over in a minute but I want to show some some of the other things as well so we'll get to the right area in a minute you'll notice that we have this pink outline instead of the blue outline or you may you may have noticed that but let's go ahead and add a component so what we introduced we introduced yet another layout model so we've we've had a couple of different layout engines this is a new one the nice thing about this one is that it really you know it really shines when you're adding it to a new page if you have an existing page that's already laid out you don't really need this new layout model as much and so this is a really nice way to create column layouts which is something that people were really asking for so something like this layout where I have something in the middle and I want to put some stuff on the sides is is pretty easy to do so let's go ahead and do this one all right so this looks pretty new we've got this column layout here it's got three different columns we can set percentages and so I think can I click into this there's a way to edit I can move things around I can add content in here I can add new column layouts within an existing column layout so I can Nest content and then I also have the ability to kind of walk up and down uh the content tree from the stage here instead of having to click into different things but if I click into this one column can I change the I can change those numbers somehow actually I don't have a ton of Hands-On uh Vancouver yet I know I can change the what if no all right we're going to figure that out oh can I just drag it oh there we go so I don't know why I would do this but I can drag and resize these but I'm pretty sure I can type that in somewhere um yeah so then we've got some options over here for the column layout uh I can you know add more columns and it'll kind of Auto redo those things um so let's go back to three uh the other thing that we did was something that we call Progressive disclosure so if you'll remember this used to be a lot busier over on the right with styling and so what we've done is we've taken out some of those styling some of those style options and really just shown the main ones that people do most of the time you know we have some some data around this is what people do most of the time when they're doing styling and so that's what we've added here the other thing that I love is we've taken some things that were just basically you set you know margin and then set some values or padding and set some values and we've made them a little bit more visual so if you're not a CSS expert and you always have to check which one's margin and which one's padding this is helpful so we could come in and set you know um or on the body element you know maybe I want to come in and set some padding which is something that I would generally do the other thing that we did is a lot of these instead of actually you know setting a value and then checking what it did and then setting it again and checking what it did you have a visual representation of you know what how big that is so we'll go ahead and use I'm going to use large for the padding and so now our page has some padding not everything's going to go all the way to the edges um but uh that was can you edit them separately uh what do you mean can I edit like uh the bottom padding on what you just set I you generally can let's see use custom CSS um what if we say show advanced there we go I could go padding overall or I can click into the individual ones nice uh all right so again we've got the progressive disclosure so I I said let's click into um the configuration for the body and you know we have a lot more options now for all of those um and then I think we have a few more what else do we do yeah so border we added some things that are more visual like in terms of thickness and type and then Corner shape we have some options here where you can you know use words or if you're like come on I know what my CSS variable I need is you could use that as well um and then Shadow I think we did some of that with Shadow too uh this actually doesn't look super helpful but uh it's visual uh so yeah we added a lot of this was a lot of the feedback we were getting that uh you know if you don't like if you're not a CSX expert you generally pick something say that render it how did this go um and and that sort of thing so we added Shadow I don't really want Shadow though so let's undo this oh what undo so this there's an undo button yes pause for the gasps yeah so we added undo and redo uh and and then you know it works generally like undo and redo work uh it also goes back I think around 20 actions uh and it persists across a save so I can save this and then I can still go back before I saved uh the one thing it does not persist across so it's it's only in this session so if I refresh my browser I lose my undo history if I navigate somewhere else and come back I lose my undo history so it's while I'm looking at the page it's that specific session uh we that is not where we want to be long term with undo redo but I you know I can't give you any more road map than that but for now uh it goes about 20 actions I think uh and get persists of cross save the other cool thing is our preview that I'll show in just a minute um so let's let's go ahead and add at least something to the page here uh quick Earl flash Safe Harbor let's go we have a question from the chat uh is there a hotkey for undo and redo yes undo it's the normal hotkey so you can go forwards and backwards with the controller command Z yes Kim in Windows would be control C there we go I just did a command Z let's go command Y and now we have our second one back uh uh z and y or let's go Z again let me Mouse over it tells us wait what redo no it's command shift Z it's command y copy I don't command shift Z I don't think that's right I just did why that's well let's see if command should be style yeah both all right I'm gonna figure out what command Y is [Laughter] we'll see we'll see what's going on there but yeah try Ctrl C uh I don't think we do copy paste yet you can control D has worked for a while I believe so we are so these keyboard shortcuts you will see more keyboard shortcuts um so we that is a thing that uh we have heard and people think is important uh so let's go we're gonna do a couple of things real quick so one of the things we did was we split out the component toolbox into layouts and components Earl change our faces so we can see what what do we need to know right above me the layouts and components to clean it up a little bit uh you'll notice when I'm in a column in a container already it defaults to components when we added the layout from the body it defaulted to layouts so we're trying to do some uh you know we're trying to do some contextual awareness here but I'm going to go ahead and add a list component could not find list uh what [Laughter] [Music] it's not great um it's gaslighting you the list component never existed it's here [Laughter] it's sad does anything work try button I will be uh sending some messages soon um uh yeah well it's here so some things I put the search in my instance oh Paige I hope it's not uh case sensitive let's do it okay good that's not it would that be worse than it not working at all I think it would be do asterisk okay good all right something's going on maybe it still needs to index or something mostly kidding all right uh so we added a list uh there's another new component that we added um I'm not going to open a high ticket I'm going to send messages to people that own this stuff um what's the uh there we go is it in here before I say anything oh this is a good one so we added a couple of new components in Vancouver so we had a date time and then the state time interval these are new we did support these types of fields or we supported a date time field in a form but we are going to add date time interval these are both new fields that you can add directly to a page so we're going to do date time interval I've not messed with this before so I don't know how it's supposed to work but let's see if we can get like a date involved can can y'all hear kids yelling in the background on my stream so I may have to go yell at somebody I think you're good I don't even know how this looks so let's preview it I'm not going to save it I'm just going to preview it this is one of the other Vancouver features this may be maybe the best or one of the best Vancouver features uh is this preview so the cool thing about the preview is that um it lets you preview a page you haven't saved yet and it lets you preview this specific variant you're working with so previous to Vancouver if you had a page that had like 10 variants in order to test that page you either had to test with a user that would see that variant or data that would show that variant or you had to reorder the variants so your admin user could test it in Vancouver we added this ability to go ahead and and preview and test a page without having to save it first or without having to have the right roles to see that variant my little date thing doesn't even appear at all so that's kind of fun uh so let's go ahead and see what we need to configure it makes sense that it doesn't show up because it also doesn't show up in my preview here [Music] um unless the same I'll leave this property empty well that's helpful what does adaptive mean uh let's say adaptive size Gap small disabled so it's there so label select start date looks like it should work you know it would have been nice if I had made sure this component actually works before we test it out um it's okay that'll make people come back we can promise we'll do it in a future segment next time next time I guess you just have to watch another episode guys I'm sorry why doesn't it show up I'm gonna save this page what do you need daytime interval let's see if we have some ouch there's no link to the documentation here which there normally is all right let's do we're doing a hard refresh here still no new fave icon that's fine I didn't want it anyway all right let's go daytime it still doesn't look like it shows up preview it I got this all right I don't know I have a I have a couple of notes now um daytime doesn't work uh right what else let me look through and see what else we have here our date range picker not date time Lena I also am uh invested in the refrigerator workspace Brad do you want to tell them what happened to it who I I think I may have zbooted the instance that it was on and forgotten to save it uh but I think Carlene uh recreated it and has a blog post about it if you want to download her update set oh this let's do this let's play with a pop over I haven't messed with that yet that'll be fine all right um so I'm gonna go ahead and we're gonna get rid of that that one and Earl I shared the link to the documentation for the date time picker um if anybody wants extra credit and a shout out on our next episode if you want to try to figure out how it works let us know let's see if I can beat you to it no all right uh we're gonna add a button that generates a pop over uh let's go ahead so we're gonna Center this put it all the way in the middle I want to add can I not add a padding within a column interesting okay all right so my button we're not going to give any wow that's a lot of presets no presets for my button we're gonna call it uh pop over question mark because I haven't actually used a popover yet uh let's make it a primary Pig all right so there's my button so let's add a pop over here custom pop over so this is my custom popover let's put I'm gonna put in here can we have a button inside of a pop over let's pop up another pop opener yeah that's where we're gonna do a button this button so no presets for this guy uh and then what should we uh how about uh close pop over and then can we move these around oh we can alright so oh it automatically added a container for us I did not add that container I did not know this was a feature and I love it so we've got a container inside the popover so now we can do things like put it in the middle add some padding what does margin do oh no it's the container inside the popover so yeah that's larger and I think would also work probably yeah yeah so the container like if we added a background in the background would just be in the well let's let's see let's mess with it yeah so this is margin the white part and then padding is the gray part let's leave it uh and then all right so we're going to say this button is going to I assume we have a open popover and then Advanced close no I don't think there's some well it's maybe we have to add open first so let's let's cancel and then let's go back to this button I don't think there's a close pop over I think it just closes if you take Focus off of it oh that may be true let's see all right so we're going to open the pop over I mean that makes sense it does when I can create a new one from here oh that's helpful does the modal do that now no okay no uh it is a good practice to rename uh your modals and popovers uh because especially with popovers you can have a bunch of them do as Brad says not as Brad does I mean I'm not gonna do that but it's a good practice all right let's see pop over we got a pop over so that doesn't do anything and if I close out of it it goes away that makes sense there is no close and that makes sense if you need something to where you have to have somebody interact with it and then close it in a certain way that's what a modal is for a pop over is really more informational um so you can think about you know if you have like a an incident overview tab that you have a whole bunch of stuff on it and you want to give an area where somebody can like see more things uh pop over is great for that and so let's uh I actually have a spot where that could work that is better oh we still have a lot of time left Let's see we did the preview I do redo styling the other cool thing is the what's new button uh so what's new for Vancouver uh it'll kind of walk you through all of the different things that are new I don't think we're supposed to have a more thing here uh anyway it'll walk you through kind of the three main things preview under undo redo column layouts popovers that are new in Vancouver for UI Builder um and that's kind of a nice thing you know it'll be enhanced for future releases but you know more in product help like this is always good so that you don't have to go read the release notes after you upgrade have there been any changes to the data section of configuring a component in uh oh yeah just a data section this is the data section uh I think we made some like uh maybe some UI improvements let's go look at a workspace that has a bunch of data I think we lost our pop-up or just then no whatever will we do get it back uh yes I believe the popover is anchored to whatever component launches it but that's a really good question that we're going to test in just a minute uh so let's go ahead and look at let's go to the record page here because I know it has some data resources I think we did a little bit um so we did do a little bit here where there's more it's more visual updates but uh you know you can kind of open that data resource record from here but this is more just kind of styling and making it easier to read these things and giving you the ID here without having to click into it and see it here so that's that um uh yeah that's all we that that's all we did with data in Vancouver I guess as well is how I'll end that uh that part of it I don't know that I would expect that section to be locked in stone forever all right so let's go back to my Fleet Management and I do that was a good question about where the popover gets anchored I believe it gets anchored to wherever whatever launches it uh but let's test that out as a former portal Dev the ability to make a pop over just like that just warms my soul uh trying to make them happen on widgets can be a pain if you don't know how and it's beautiful all right let's recreate my pop over I also really like the visual representation of flexbox and grid I like that Edition that is nice yeah I wonder if anybody else unable to search that has played with Vancouver I don't think I've run into that yet which makes me think it's not like an all Vancouver thing I'm testing it all right the button it could just be the instance that I'm in all right so we're going to create a couple of buttons and we'll go left pop over it's just your instance nice great it's not actually broken now I get to Z boot an instance um uh what if we add some padding in here uh sort of helped all right uh this we're gonna redo that so left pop over we're gonna launch a pop over it's going to be our custom one and then now we're going to duplicate it make that one go away and then we'll call this one right pop over oh I didn't have to save but I did anyway all right so left pop over there's the pop over right pop over there's this so the popover always is anchored to whatever component launches it which makes sense what happens when you scroll the page um I don't have enough on this page to scroll but we can fix that very easily because that was something that was difficult with the portal all right let's add a list nope I'm never gonna get over this I probably correct something and the second I'll run a Cash Pad do on the instance in a second if we can take a look at um at why that form component is yellow that'd be interesting oh nice yeah so left pop over I scored it goes away that's back so it's part of the it's part of the scroll that's perfect yeah so it is as long as you don't click on anything all right so what are we we're looking at uh why the component is yellow yeah I believe it's because it has a preset or it's part of a it's a bundle it's a bundle that's it yeah so go ahead and add it to the form so we can show what happens to some other ones rather add it to the page all right so uh when you apply it you say uh okay it's gonna also add a controller data resource and then the controller data resource needs a whole bunch of URL properties so we're going to add all of those parameters as well so you can say no I want to do this manually don't do that just add the stuff that's a real words weird spot that I added the form oh no it was in the middle here that actually makes sense all right and then try adding another one it adds a default thing here for me to add another form another component oh okay what are all these green things so the green things I see where we're going here the green Things Are all uh they are all components that are compatible with the controller on my page I believe yeah so uh that form component added its own Form controller and so the Form controller is the data resource that goes with the form and so those are all of the preset enabled components that are compatible with that controller so preset enabled component if I add it to the page it's going to ask me I'm pre or it may Auto configure itself well we can check it out but basically it's going to try to Auto configure itself uh because there is already um a controller on the page so let's go like if I wanted to add my action bar somewhere else um all right we've got closed task and Save uh and so it already used the Form controller this part's a little bit new we're trying to make it more obvious that uh hey these things that are locked that already have values they have values because of this if I click on Form controller it'll open this up and then I'll kind of see how I got to this um so right the actions are coming from uh this tab on my controller uh we are trying to make this even better in the future to where you can uh you know you have a better idea of of why these property properties are set the way that they are but for now that's that's what we've got we have a question in the chat do workspaces have search sources like we have in Portal uh there is uh there is some ability to do I mean searching in workspaces there's a whole lot of different ways to set up a search and workspace uh one of the things about searching in workspace is that if I am in a workspace I already have a search bar up here so this is generally what you would set up when you're searching in a workspace so it's not really your search bar is not specific to the workspace it's going to show up whatever workspace you open and it's going to default to search whatever workspace you have open but it can actually search any of them or global I love that this page is not found this one um yeah I think that's do popovers have options on where it pops over like can I choose it I think it always pops over the component that launched it no I mean like can I have it pop under my component do they have orientation question set bottom so I think Auto probably looks at where you are on the page but let's set uh let's set it to bottom of disable scroll let's see what that means oh and hide and tail I think that means we don't get the little pointer so let's oh and you can even hide the tail nice see what all those mean all these uib modal nightmares right now it's on the bottom there's no tail and then I can't scroll that's that's a nice little feature so oh I can scroll oh I can't scroll if I'm in the popover oh because it's got Focus yeah let's see if I if I don't say disable scroll oh disables no it's the same I don't know what that means what does disable scroll mean I don't know well it should tell us it doesn't we have a rush request pop over on Hover please uh it just depends on what the component so pop over always fires on an event so if the component has a hover event which I believe some of them do you can fire the pop over on Hover but so this is one of the things about uib is that it is event driven so it's a reactive framework so you're always reacting to something so a component has to fire an event in order to do something so pop over you know pop over is not tied to a click or a hover or anything it's tied to an event so if a thing has an event you can tie a pop over to it so it just you know if if that component has a hover event you can tie a pop over to it if it doesn't have a hover event and you want it to you could create your own component uh like if it's a button the buttons don't have a hover event they only have a click event so you could absolutely you know build that out yourself in a custom component that's a pretty awesome way of thinking about it is there any last minute things or any last minute questions that we want to ask in the chat before we head out for the day y'all how am I I'm doing great thank you for asking Earl you know uh my favorite food is probably Ramen or sushi what about you Brad oh I like so many foods I just like really good food is the main thing I'm not too specific Seafood is probably if I'm if I'm able to get the best food it's probably Seafood all right Earl no more questions I'm playing Pikmin four I made a big list of things that I want to get done around the house it's really exciting uh so I mentioned uh building custom components uh I think on our next uni Builder live we're gonna try to do some custom components uh so there is some new uh component stuff components and CLI uh in Vancouver uh so we're going to kind of take a look at some of the new component features uh and then I think we are going to be able to have somebody on that's going to show us how to use the uh the new debugging tools um that that we have released there's a debugging Chrome extension uh and so uh we'll have somebody on to teach us how to use that and then we'll do some this is crazy uh and then we will uh do some some CLI stuff we'll at least go over like what's new and then we'll build a little custom component the CLI is updated it's not even being updated it's already updated I am told I haven't I haven't actually touched it yet but it should be updated so yeah with the with the CLI we support a newer version of node we've fixed some of the bugs around deploying events and deploying components um and I believe we have taken out the instance uh release version Checker um so that's kind of step one and and getting things updated uh and then we have the new Dev tools that we'll take a look at our first first hopefully yeah I think we'll get it done so everybody thank you so much for hanging out with us today um it was a lot of fun uh I'm gonna forever remember that we're live before we go live um uh be sure to tune in in two weeks we're going to be back here on the 24th of August remember second and fourth week uh it's a great time to bring a friend um you don't get a referral bonus or anything like that but it'd be great if you told everybody about us thanks um other than that any last words Brad no I'm I'm excited about a lot of the stuff we see in Vancouver I think there's some really good kind of quality of life updates and if I'm new to UI Builder and creating a new page that's a lot easier so I think we're we're making uh steps in the right direction I'm making UI Builder really easy to use thank you Brad everybody have a happy Thursday and we'll see you around bye that was on sync impressive our rehearsals are working [Music] we know [Laughter] [Music] [Music]