Creator Toolbox - Mobile Card Builder

hey welcome welcome good morning good afternoon good evening wherever you are and whenever you are welcome to creator toolbox this show is for servicenow admins developers and builders you yes you are past present and future servicenow evangelists and advocates welcome to the show let me explain what's going on here in each episode we're going to explore a servicenow platform feature around app engine and creator workflows things like flow designer actions mobile developer tools enhancements to recent upgrades you kind of get the idea where we're going with this well we call this creator toolbox because these features are your toolbox to help solve problems and create solutions in your organizations we're going to do this show live on tuesdays every tuesday at 8 00 a.m pacific 11 a.m eastern each week except the last tuesday which is reserved for our tech now webinar so you've got content every tuesday at 8 a.m pacific 11 a.m eastern how's that for a schedule can't beat tuesdays now be sure to subscribe turn on your youtube notifications on the servicenow developer program channel you guys know where to go well while this is live we're going to walk you through the show and tell about each topic and we promise we'll keep the powerpoints to a minimum but we may need to explain some of those abstract ideas to put things in context and then of course we'll walk you through the setup and usage of each directly in the platform for more information i invite you to see the dis the links in the description and you can also find this video on the servicenow developer portal in the blog and don't forget to check out the docs at docs.servicenow.com so for this time we're going to be talking about the mobile card builder that came out in quebec we've got some subject matter experts here for you i'm going to back up just a second give an introduction my name is chuck tomasi i'm a senior developer advocate at servicenow been here for about 10 and a half years i was a customer for a couple of years before that my specialty is in the platform the tools involved creating custom applications and integrations i am going to turn it over to brad tilton for his introduction hey everybody my name's brad tilton i am a developer advocate with a developer program here at servicenow i've been developing on the platform for about 12 years as a customer partner and employee for the last four uh and i specialize in things like front-end uh development uh but mostly just building custom apps on the platform and i'm excited to launch a new show today it's not every day we launch a new show and we we did this with the right foot forward we brought in a couple of subject matter experts david go ahead and introduce yourself hello my name is david merch i'm a product manager on the mobile platform team my main focus is on our mobile builders like mobile car builder and mobile studio i've been with the company for about two years now and looking forward to helping today thank you very much for your help also on the superhero team yep give yourself an introduction thank you chuck uh hello everyone i'm yev golden i'm one of the product manager with the mobile team um i was tasked with the original mobile studio and when it first came out i came from actually the sky giraffe acquisition three and a half years ago so been here with the mobile inception of servicenow so definitely a subject matter expert in this and kind of all mobile here to help you've seen your baby grow you really get transplanted into the platform and and take off from there so thank you for all that help that's that's got to be a wonderful feeling it is it is okay let me explain what we're going to do we mentioned the mobile card builder now up until quebec we've had some pre-built patterns for you when you go to do the layout of the cards and you could copy that layout to the uh when you're doing a list a list screen i'm going to lean on david and you have to correct me if i say anything that's a little off track but that's been the way and and people been asking hey when can we build cards well now we can you can design them with a drag and drop interface which i'll show you in just a sec i'm going to take an existing application build out an applet real quickly not going to do anything terribly sophisticated and then launch it and show it to you on a mobile screen if there's time maybe we'll show you some other things that are cool along the way i'm i'm sure david and yev know a lot more about the mobile card builder than i do at this point in fact we went through a little education yesterday so i've got some fresh uh let's just say band-aids that they helped put onto my wounds because this is this is kind of a combination if you watch tech now in the in some of the older episodes uh it's got that organic feeling of the older technology but uh a little more i hate to say polished but a little more practiced than a live code happy hour where we go in kind of completely blind so we're we're in that zone showing you these features uh and looking forward to uh going on so let me jump to a screen share and we'll get started so i'm going to make sure i share the appropriate screen which will be that one and i think i've got that margin adjusted about right oh by the way our third developer advocate andrew barnes is in the control room so if you hear his voice pop in and you don't see his face at any time you'll know why andrew how's our wow that is like awesome you can see my uh phone off to the right i've got a screen share on that and then i've got my instance here i am going to bring that out just you know what i'm just going to slide it out so you can see the nav bar where i'm going i'm kind of playing this on a delayed instance all right so i've got this application that i built with some tables in it i'm going to take one of the random tables called courses just some courses that i like with some crazy names in them first thing we want to do is bring up studio and you can see i've got various artifacts in here this is not a typical of the way you would build a mobile application is you've already got the core application unless you're coming in through aes or something and it builds it all for you but i'm going to build this piece manually so over here on the can i do it oh yeah i can do the stretchy squishy thing with my trackpad i'm going to build an applet like there and it gives me a screen that says let's go build an apple i currently have no applets in here otherwise you'd see them listed under that applet menu on the left so i will call this simply course you can tell i've done this once before not going to bother with the icon or the description or the offline at this point but i got various ways i can present this outlet let's start with a simple list i want the list and the form okay easy to do how am i doing so far david [Laughter] doing well all right now few things are similar in here and a few things are different from previous releases if you've played with mobile studio in the past we still have our list screen and form screen see if i can find my there it is we've got this screen we've got form screen tabs we've got our data item we need to select the data set the filter table which i've already borrowed from a previous one but if you haven't built a data set a day excuse me a data item before you can hit the plus define the table any filters you want on there very easy to do okay this is all no code stuff i've already got one that is a complete list of courses i did not filter it and then notice down here we've got our template we've got a view of what our layout looks like and it looks a little crazy right now because we don't have a layout in fact we don't have any action to access that yet because we first need to save our car or our record so we save our applet this is no different than on the standard platform you have to save a record before you get related lists think of it that way we're going to relate this card and template to this view of the applet now here's the important part that i learned yesterday we have templates which can be applied to multiple card layouts that's because of if i remember right performance reasons in the previous releases we had this item view and every item view was unique to every applet and that started to cause us some performance issues because there was a lot of repetitive or unique information that was being loaded every time so with templates we fix the performance and we help you with your layout management so if you change one template it's applied to every card that uses that template makes sense if you've ever dealt with templates before should make sense from a high level standpoint so i've got two new buttons here open in platform which will take me to the platform record the standard lists and ui and show me this big json thing i'm not ready to see that yet i want to take you through the graphical gooey cool new stuff and here we are welcome to the mobile card builder woohoo now i've got a menu up on top where i can open either a a new card or a template or whatever uh i've got really nothing here to save there is one thing in this early access that i need to point out we need an x right up here to close this so until i get that i have to find any cards that i've built i've also got a list of templates that i can use to start this off now these may be read-only much like service portal widgets or flow actions where i need to duplicate them so that i can have my own copy and edit them let's take one of these templates and oh what's a good one well that's a good one here we'll take one called applet 01 just because that's a good one now open that template this is the formatting this is the layout this is not putting fields onto the card so you can see i've got various fields and values um and then i can take these and say this one is text okay i really don't need that text i've also got containers around those so i can group these together i can put some formatting some style change the background to light gray that kind of thing i can adjust the alignment you can see this is all read only though so i know i'm dealing with an autobox template i want to modify this to tailor it to my needs so let's go and spot that one click duplicate template give it a good name other than applet 01 we'll call this uh toolbox one just because i don't have anything better or if it's related to courses i could relate it to courses you you name your layouts remember the layout isn't specific to the applet card view you're going to have your template and you're going to have your applet so i'm just going to call this toolbox 1 since this is episode 1 of creator toolbox and now when i click this you can see over on the right i've got these editable capabilities if i want i can change this from left alignment to right alignment and boom bada bing it's right there maybe i don't even want that value in there i don't put two values side by side that close too often makes them a little crazy to read so use the trashcan icon after selecting it i don't have any guidelines at this point for why we have a container within a container uh you have or david do you have any thoughts on best practices for that yeah so grouping multiple elements inside of a container you can use that to to have the views smartly auto-size themselves on the mobile device so for example in that container that you had with the two the two elements next to each other if you only populated one of those the mobile app is going to automatically hide the other one and when you put them inside the same container say for example you populate the one on the right but not the one on the left because they're in the same container the mobile app will actually be able to shift it over for you automatically so having the multiple containers depending on how you construct them actually can make it so things will shift automatically inside the mobile app if they're not populated just gives you a little bit more control to use for example one template on multiple cards down the road show different elements and have it automatically size for you on the mobile app all right thank you uh let me do a little more navigating here i'm going to build this out the way i want it let's say i don't even want this container on the bottom for of course i may want the instructor's face on there maybe not but you notice i've also got this plus that keeps appearing either there or alongside a container where was it or i can as i hover hover over the little shadow bars and it'll pop up hover over the shadow bars where is it i'm hovering oh oh there we go i saw one there so i can add a section above that or a container above that or not necessarily a container could be any of these three elements am am i correct in assuming we may have other elements in the future yes we're going to be adding other elements on the short term roadmap one of the new features that's going to be put in is buttons can be added to cards and that should be coming out in march so mobile card builder is a store release product our next version is targeted for the march store release and we'll have a new element for card buttons sweet brad what are your thoughts yeah that sounds great i do have a question so i just want to make sure i'm following with this so at this point we have started from a template but we're now configuring a layout not a template any longer no we are no we copied a template and we're modifying our copy of that template okay so we're modifying this template and then we'd be able to use this template in multiple places later on yes and i will apply this template to build a card and say this field goes in this block and this field goes in that block so yeah so the template controls the layout and then once we create a card view that's where we actually put our our values and you know what data we want to show okay correct yeah the the hierarchy of the of the structure here is the card which is a cssg view config record uses the template as a child record so the card references the template and the template does have the power to to map fields per se so like we have the field value that the chuck's highlighted on and there's a text value underneath if you wanted to you could populate that text value with like the um this word state and then down the road if you actually applied that template to a card that was pulling from a table that had state as one of its column headers you would automatically get that to pull through on the template you get that field mapped for free the use case for that yeah the use case for that is i want to make a template that is super generic and can be used in a whole lot of places but that requires a lot of planning you have to kind of have like all the different things you want to do mapped out on the front end to to do that the common use case is going to be to use the template for the layout where you want your text elements where you want your image elements what what font size what font color that sort of thing and then you use the card to map the specific fields for the app that you're working on yeah i could see a scenario where you know if you're you have kind of a common template for tables extended from tasks because you might always want to see number stage or description assigned to yeah that makes sense yes yeah if you put that into the template it just makes less work down the road when you're configuring the cards where would you where would you put that in there david i see field value field label and static text would it be field value and then put in something like that yeah you don't you don't need the brackets it's just just s-t-a-t-e oh okay and then if you could open up that drop-down again real fast the three options that are there field label since we put state in field label will give you the word state right it's the label of the column header you're pulling from field value will give you the actual value for the record you're looking at so again we're looking at this stuff on a list if the value of state for that particular record is open you would see the word open and then static text allows you just put in whatever text you want if you wanted to make that field and have it say hello have a good day you could put in hello have a good day and it would show that on the card okay sorry i'd assume that that field label you know if you have an extended table and they've changed the label for that table it would probably pull in the the correct label so like some sometimes you might extend tasks and change the short description label to name or title uh and so i that sounds like that's where you would want to use field label uh so it it uh shows the correct label for the field rather than using static text and always making us a short description right right the field label is going to pull essentially it's going to pull the column header name okay perfect all right we won't do that here but it's nice to know it's what else have we got we've got height width margin top right bottom so you can control your indentation a lot of flexibility in here yeah and those those fields all make to map directly into the json so when you're changing those mobile card builder is updating the actual json code for you okay let's and then text styles custom we've got default 13 18 headlines so you can you can make them a little bigger or smaller if you wish so maybe you want the value to be you know the big short description or name or whatever it is in there okay nice uh also we have at the very bottom don't if you see that on the screen i hope so override theme styles ooh that sounds fun specific values for for those items okay so we change the font size or maybe set one of those background colors as a default for that particular section of the card and over on the left we've got the hierarchical structure of container container can we do anything with this or is this just informative it's it's informative and it's also useful for keyboard navigation ah oh sure or i'm using down arrow look at that up down up down and then what enter yeah the we don't have the keyboard navigation fully implemented in this version that's that's been updated in in our release coming out in march but the the concept is you can tab between the different areas of the screen you can use the arrows to move up and down if you're in that content tree and you hit enter that element will become active and in focus on the stage okay we've got to keep our accessibility eyes on it and then we also have preview over here which will give us a preview in the template i haven't found the preview to be as useful as it is when we're editing the card view is that a fair statement yeah okay so let's save our template we've got we modified the layout and now we can open and we've also got we duplicated a template earlier because it was read only the template properties there's our name and description i'm exploring now obviously we don't want to delete it clear stage is that collapse this piece over here for me no what that will do is if you want to start over so all of the things and you you can actually go ahead and hit that button and see exactly what it does so you're everything's been cleared oh we are starting from now yeah so that's let's see exactly if you say you know what i've i've built this out and i really don't like it i just want to start scratch you can't now what you can do is go up top and hit the undo button and that'll give you everything back i was going to say good thing i saved it a minute ago i was ready to bail and reload nice okay we've got some good features in here but let's go build us a card so if we open oh forgot to show on top we also have some filters by application you can see that we can do by application there's my app that i'm currently on and that obviously narrowed it way down and we have a form view config and a view config so again this would apply to the form layout i take it and this would apply to the list layout correct assumption correct and then if we go to the applet we get same filter because we don't have anything on there but uh you could filter down to just that applet if i've got multiple applets obviously that would do what we want so let's take my view config so do those configs get automatically created for us when we created the applet yeah when you create the applet in mobile studio it's automatically creating the view config for you and obviously this is not the template that i was just working on so i apply the template from here change template and i go find mr toolbox one select that and it looks just like i had before now this is where i start putting in things like field value for state and we can put i've got another one called track with a dependent choice list oops called category make up your own and of course we need our name in here so you can see what's going on can i ask for an enhancement request that it starts typing immediately [Laughter] yeah i i do have that on on our ux improvements list all right it's just it's one click but it's it seems so intuitive to just when it's up there it should default to the focus okay um i put state in there let's let's put something in here i don't know what um duration sure i have no idea how that's going to do in the layout i'm not a graphic artist oh we should also put the instructor on here somewhere okay yeah a com a common use case for that those two fields in the upper left would be to use whether you have state you set that as the the label and then in the other ones use state again and set it as the value i can dig that because you may not know what some of these random things like 4.0 what does that mean now if i do state again save that now let's take a look at the preview and some of this may be data issues as you notice i i guess i do have pretty much what i need on that i can scroll left and right instructor just says instructor if i say update preview it goes and gets another record so there's the course named jiret cabrillo beau riggieri is teaching cabrillo in management finance a state and draft are mashed up against each other is that intentional or is there something i can do to fix that so you could fix that by adding a little bit more margin between those two fields okay so let's hide that that would be done on the template uh okay well let's go do that let's go do that we can edit let's see we'll open the template called toolbox as you know this is practical do i just insert something between here uh no i would recommend clicking on one of them and then you want to you can add margin to the right of that one for example or to the left of the other one so let's add margin to the okay i'm literally holding up my hands going which one's the left hand you want left on this one right yeah yeah so what do you think 10 you could try 10 but you do want to put the margin on the left not the right and you don't need to yep you don't need the px you just need the number so it's always going to be pixels yeah and it is okay now i noticed i had to take focus away from that field before safe showed up that's that's kind of like um when we do scripts in the flow actions if anybody's seen that before okay so and that this might be where using the preview could have some advantage aha oh yeah there you go and it is getting a record now wonderful am i back on the card no i'm still on the template yeah give it some right margin too yeah you're on the template and this this is actually an item we need to we've we've identified sometimes we hang on to the preview from the previous record we've already addressed that in our next version so that's actually a that's a boo boo right there let's go open my card called course something something list view config we've built that out i like it oh that one didn't say state it probably has no state so you can do a number of test records that way okay so we've got our template built we've applied it to a card we've got our card layout as good as my crummy little demo is going to do let's go back to studio and if i want i can go to the form screen there's another one and if i understand correctly we don't have that copy feature yet but we're looking at that okay but if i wanted to do this again i could use the same template and then do my form layout very quickly there so i'm going to well let's just do that real quick we've got a couple minutes let's do change template no hints no hints i'm doing this on my own toolbox one select look at that we'll put the name here i said this is slightly more polished than live coding happy hour let's do the same thing we did before field label for state and there haven't been any errors yet so i'm more polished [Laughter] good point field value for state we haven't had to refresh the screen those who watch live coding after we'll laugh at that i forgot what happened oh yeah i should be using tab keep my hands on the keyboard now you can drill in looks like we have dot walking in here which is nice anything else you'd like to point out so we have a question uh that might be good to take here around can you change the css based on the values of the fields i would say no because we're not doing anything with css in these records so it is there um can't can you i guess can you do any uh styling based on the value so like if the state is overdue could we turn the background color red not in the card yeah i'll let david answer that one yeah yeah so we we have we have the ui so there's there's there's some nuance to this answer yes there is some styling you can do conditional styling is done through either ui styles or the new ui rules functionality uh ui roles is added in quebec we don't have support for it in studio or in card builder yet ui styles is a legacy feature that has been in platform for a while and those apply to our legacy cards which are item view records so um you can you can do conditional styling on item views with ui styles you can do conditional styling on view configs with ui rules none of that is supported in mobile car builder yet okay what is supported in mobile card builder is you can on the template you can change the background color of containers if you want but it's a static color it doesn't it doesn't change conditionally and then on the on the templates you can change font size font weight and font color on the text elements but again those are static values that are just part of the base layout of the json perfect okay just that i was going to say just to add to that for css styles we are very prescriptive to also what styling you can do as david mentioned so we don't support any custom css because that's not what the card is actually accepting okay let's go take a look in platform just because you know we have some serious tech heads on this show that like to see what's going on hey chuck yeah why don't you have that uh the voice uh introduce themselves because they weren't here for the intro yes was here no that was that was uh raeanne or one of our teams we have a mysterious extra voice yeah ryan give a give an introduction missed you there yeah hi sorry so just yeah quick introduction my name is ray and i'm leading the design for um mole studio mobile card builder thank you sir appreciate the contributions the um okay so what we're looking at is our view config record for the form view config and if we drill into one of these config elements i remember seeing maybe it was because i had a legacy record because i did try taking this applet that was pre quebec and when i brought up i clicked that view in platform it showed me a big json payload is that a legacy view of this so if somebody clicks that and sees that that's what they're going to get yeah that would that would be an item view record if if you go back one one level to the view config yup waiting waiting always doing a demo okay and so you see the the reference to the view template yep if you open that up there's all your json okay can i add another enhancement request to put the view view json equals true attribute on this we get the little icon then we can have the pop-out window and see it in a beautiful format turn it up because go ahead do you want to say do you want to do you want to walk through the kind of the mapping of these records to what's being done in card builder yeah um i'll click you narrate so again what we're looking at is the view config record and that's the card in mobile card builder so it's just referencing the the view template to get the base layout and then the view config elements that are down at the bottom in the table those are all the different items in mobile car builder so if you just really quick flash back to card builder yup i was just going to do that so all of these like the text elements state state instructor name those are mapping to the view config elements so that's how you get you see it's text text icon text three and if you click on any one of those this is what's called a element attribute and that's where you're defining okay i've mapped it to the instructor field on that table or i've mapped it to the state field and it's a it's a value versus a label so all of these records are being created for you in the background when you're configuring those items in mobile cart builder and then you've got a very similar set of records on the template as well sure if you want to look at those click into view template so the view templates very very similar first off you have the json and that's the actual visual layout and definition this is the same type of json that we have in the legacy item view records but what you'll notice is in in our view template slots which is that table down below again you've got the different types image text so on and so forth and then the actual records uh but if you look if you look at the naming that we have here they're very very consistent in their naming image01 image02 one text o4 those are all being created for you when you're configuring out of the mobile card builder and those names tied directly to elements in the json so if you go up into the json you'll see like uh text 04 and if you give me a second here i'll i'll get my little it doesn't look like i can annotate so the way this works the way this ability to configure your elements and map them to table records to use the view config to override things in the template that's all going through the element on the view config that maps to a slot on the template and then the slot on the template maps to the elements in the json so you've highlighted texto4 what will show up there in in the mobile app is what you have configured on the text04 slot that's where the tie is between the slot records and the actual json that gets visualized so somebody could come in here and tweak it if they wanted to if they wanted a different text color for example okay yeah they could do that in the mobile card builder one one quick note that we found yesterday is for whatever reason this new template was created in the global application that's been noted as a defect and we will get that fixed because hey it's part of my application i built it i built it yeah that is actually something we've addressed in in our next versions coming out in march when you do that duplicate option because the original pattern you duplicated was in the global scope that's where our out-of-the-box patterns live when you do that duplicate process we've added a scope picker on that on that screen we're giving it a name so that you can you can decide which scope you want it saved into you've already got it fixed [Laughter] so and it'll be more like flow designer where it won't default to the current scope you'll be able to say i want this template and that's nice correct i love that i love it yeah what what we do when you open a record in card builder is we're setting the active scope to whatever record or whatever whatever scope that record was in i mean i'm using scope and application interchangeably is that sure sure that makes sense okay good with me so you open what you did was you opened up uh one of our out of the box templates apple o1 and that does live in the global scope so when you open that we're setting the active scope to global because that's the record you're editing when you originally opened card builder from your applet that apple lives in your was it your toolbox scope um it was the cc you know cls323a cls so when you opened up the card for that applet in card builder we were we were honoring that scope because that's where that record lives but basically what it gets to is every every time you open a record in card builder we're going to honor the scope that that record lives in uh we and that's why we've added the scope picker and the new version so you can change the scope when you're making a duplicate and we've also added um uh in the top bar just a scope display so that when you open a record you'll see which scope you're active you're actively in at the moment oh nice okay so over here it would say correct correct so right now um we are looking at the card which is from your your cs scope you would see that scope above the preview button there excellent well what do you say we put this all together so we can see it on my phone okay let's go back to studio i got to find the right tab did it disappear there it is there it is the zoom thing keeps jumping out in the way i can't tell what browser tab i'm on stupid zoom okay let me unzip that uh we've got our applet the next step is we need to make an applet launcher if i'm not mistaken i'm going through my my very rusty basic mobile uh training so we create our applet launcher we're going to give this creator toolbox make it an easy one and give it a title create our toolbox we really uh we could include an icon yeah that would give you basically a shortcut to a screen uh okay oh yeah we need to make a ui section first we don't want to do that well we do want a name but let's create a section and we can't create related records without saving standard platform stuff there uh request field with status code 500. oh what did i forget to do or break i don't see anything that you've that you've forgotten let's try it again maybe it was just turning something on and off okay abandon abandon ship abandon ship delete that try it again read this ctb is my launcher let's uh give it a name ctb sounds good save hard to screw up when you only enter one field [Laughter] and we add a section we'll call this toolbox i don't know you make up your own section names we'll put the course applet in there and away we go now we've got the launcher we need to add it to our now mobile page so this is what's going to appear at the bottom let me bring this mobile app forward unlock my screen here real quick when you see the section at the very bottom let me i can make that a little smaller because i think it might be just off screen right at the bottom where you've got your your navigation my items and saved and that kind of thing we're going to add our own so we do that by create new tab right there we pick the mobile mav and we pick our called ctb you'd have to create your navigation tab oh i got to create it first you're right we didn't create it yet i had some existing ones in here for settings and maybe a demo i did before so let's create a new one an applet launcher tab called ctb applet launcher is going to be our ctb launcher just kind of tying the launcher to the page to the and what was our safe one home home is a good one save that and with any luck we should be able to swipe down to refresh the metadata look look we have ctb on the bottom which sounds like therapy i need to go to there's our section called toolbox with the course inside it oops i hit home again select that and i've got my card layout i accidentally clicked something a little too i'm my left hand and my right hand cannot agree with each other right now which one's supposed to be running the track pad and which one's supposed to be running the phone so i have uh let's click the purple which is highlighted in blue i assume that's the one you just created so when you go back or just selected let's try that again cs210 you know that's nice can't really see it on this screen emulator maybe you can but um this section is also highlighted light blue to say this is the record you were just looking at so i have my custom layout on a custom screen that's pretty cool built my built my very first card with a with my very first template we've got a couple of seconds should we also show them the bookmarks feature do it this is the part i like this is another quebec feature notice up here on the toolbar next to your funnel you've got this little bookmark that will show you anything you've currently bookmarked and i can save this list you can save these screens anywhere you like let's call this the course list and boom now on the bottom look i've got a saved section i hit saved and there's my course list so anytime i just want to jump there i can do that or let's navigate into something else my items my tasks i have no tasks i swear it said one there a second ago my requests i have no request there we go um let's bring up this new one in the middle and bookmark that call it sysparm because it has that word in the short description somewhere go back to my list i've got my list of recently viewed things ta-da jump back there saved course list easy navigation to anywhere on the screen just a caveat about the mobile agent versus now mobile it's on by defaulting mobile agent as of quebec early access anyway now mobile you have to turn it on yourself but it's not a big deal all you do is activate this on the nav bar and it turns on all the bookmarks everywhere else so if you pull up your app and you go i don't have a bookmark icon check and see if it's activated all right i love that feature i love that anything to add gentlemen before we end the screen demo uh one more comment since you started talking about the safe feature so the beauty about the safe feature is it actually saves your filtered list also so you could be on a list with a filter um that you've applied and when you save a book market it would save the list the filtered list let's do that let's make a filter we'll call this available state is available something as simple as that no matching results yeah so you did a search right you uh you just did the short description is available and state is available so you might not have any records oh i thought it was asking for a name well that was ludicrous of me try that again it's a normal okay i thought it was asking me that was my field called name not give this filter a name [Laughter] knucklehead clear filters yes okay try that again state is available apply there we go and we can see all the way down the left-hand side right above the name it's available available available and if we save that course available something like that yep so now it's saved your filtered list so anytime you go back to i'm just gonna see if i can wipe things out just to make it look good i could have a full course list which has you can see down here on september that it has like a no state state so i do have some non ones rue fall is in draft you can see that there and if i pull up my magic bookmark for oops no i don't want to create one that's the creator down in the middle bottom is the saver i mean retriever okay available available nice i like it wow i can see a lot of people adopting that feature yeah one last caveat about that one is uh one of the big reasons it's not available out of the box and now mobile is because you cannot bookmark url embedded url screens most of the now mobile flows are kb's and catalog oh good note so that's one of the reasons it's not available out of the box mobile but obviously you can turn it on but that is a caveat that it currently does not support unfortunately it's in the road map um i was going to say you missed one keyword it's not available yet it is on the roadmap uh so once that comes in you know we will uh make sure that's available out of boxing now wonderful there's your bonus content for today ladies and gentlemen i'm going to stop sharing the screen and thank our guests yeah and david and ryan thank you for your assistance in i feel like it's episode one and we we still have some training wheels on and i'm happy that you're here to help hold the bicycle up for me thanks for having us thanks brett any other questions brad that we may have missed uh so we did have one uh a good chat question here that's really more of a road map uh question i think but it was basically in the classic app view you know i could type in dollar sign m.due and look at what that you know what the app what the mobile view looks like do we have you know do we have that capability now basically you know i think we're asking about a mobile emulator on desktop is that something we're looking at so yeah it it is so we're looking at some some future products for our configuration experience our builder experience and we're gonna be evolving the entire ecosystem um you know taking the next step with mobile studio and continuing to evolve mobile car builder part of the long-term plans there are to get to the point where we have a mobile emulator built into the tool because we know the value there for hey i just i just did a configuration i have no idea what it looks like i either have to load it up to my phone somehow or i have to know how to run an android or ios emulator with android studio or xcode or something like that which is it's a barrier for for some folks so having having an emulator built into the configuration tools on the long term roadmap we don't yet have a timeline for when we're going to have that it's going to be an iterative process where we start adding in more immersive previews and then evolve those into a true emulator over time i was going to hope that it was available for knowledge 21 so our labs would go much smoother but [Laughter] not quite yet anything else brad i think that's it well thank you everybody for showing up live or watching later don't forget tuesday is 8 a.m pacific 11 a.m eastern time u.s sorry if this doesn't work for everybody's schedule but really appreciate it mark your calendars every tuesday you're going to have content at this time on something about the now platform so once again thank you david thank you yev thank you raeanne and brad and especially thank you andrew who's been behind the scenes taking care of all of the the button pushing that makes this thing go until next time take care everybody stay safe you

Channel: ServiceNow Dev Program

Views: 1,485

Rating: 4.9047618 out of 5

Keywords:

Id: 2-lK2ly0hzg

Length: 54min 28sec (3268 seconds)

Published: Tue Feb 09 2021