hello guys welcome back to the service portal basics series this you are watching the second session of this series so in this session we will talk about widgets we'll continue our work we'll add widgets to this page we will create a custom footer widget will clone an existing visit then we'll create one model widget says model widget as well so there's a lot to learn widgets is an important topic so let's get started okay so first thing first what is a widget widget displays contents on pages perform one function usually it's a reusable component that can be you know configured to present data to users perform certain action or accessor service same widget can be added multiple times on a page every time different configuration is used ok so before moving to development I want to showcase one widget this document it's a widget library widgets included with service portal can be customized to suit your needs as a basic code simple for you refer as you're building your own widgets ok so it's like it's a widget library that service know provides it's around more than 140 I guess so before building any widgets if you have any requirement of building a visit just check if any of these can help you get started ok so after that let's move on to widget instances what are they basically widget instance visual instance is a individual use of a widget okay so when we drop our widget I like I showed us in the last video when you drop a widget on a page it a visit record is created instance record is created it contains the properties of which widgets individual use like page ID location CSS APM poor okay so let's go to our page let's start calling this okay so if you remember we thought of pasting homepage search widget over here okay let's first see what is a you know whole page search widget is it locate a specific word or phrase in the service portal it automatically searches the portal as you type okay so it uses the knowledge bases and catalogs related less like me configured there right if we remember we had one knowledge base and two catalogs in the portal record to specify the repositories to include the searches our standard platform security features you know ensure that each user can only access the information which they are entitled to okay so let's modify this homepage search widget a bit so to modify make sure the our widget is selected go to its properties let's put some title how can we help a standard one and let it be I'm just putting the title I mean the keywords to be searched okay so let's see how it is looking in different ages checking different page it is looking fine so now let's add these I thought of adding HTML widgets to this thing okay so let's first understand what our HTML widgets HTML which is basically our you know use the I'll show you thought that make no sense which team and let me drop that I'm just dropping HTML visitin I'll show you what so super so its uses the rich text editor interface to add text bullet links images whatever you want like so you can directly work with the source HTML code over here okay if you don't know this which takes a little is the interface interface for editing rich text within the web browsers it presents service portal designers with what do you see is what you get anything here okay so that's were line takes a line center just long Mavericks text editor okay so what I have done for you is I have uploaded the images some seven eight images for the HTML thing and have returned there is HTML code as well so I'll share this code with you in the description section okay so just to the interest of time let me show you it's just that I'll just put all each and every code okay just bear with me these estimates you know provide certain very useful utilities I mean you can see within no time you're moving quite good she green quick process one point is this lab is completely from the training material that service law provides so I have modified it a bit to suit the needs of this treffen our demos rest these things all are from that training material guide only so in case you haven't seen service portal training manual it's something like this only okay so we are getting really close to what one thing I should say I mean smoke has created a very good technical manual for so is put I read that before that you know I used to fear self-service portal kind of things so yeah it's really good let's refresh and see how it is going now our portal is started looking nice I need this they should be that which one should we add first approval or okay let's move for the approval approval widget allows user to approve we have conferring it's widget options all that's hanging that's really cool is fine now let's put one simple list widget it's a very good utility to provide dynamic list of Records ok so you can customize it I'll show you how to customize it just take it man this happens Madison was like a thing to read or it let's put four past evil I mean I want to show all of those so one quick tip or when you're sleeping table and you know the table name so it's better to use this take it out with our table I want to display numbers filled by incident and I guess I want to second if you started page on description and opener into this page take me to the page see the form of it now what's next sure so we get something to see so this is this is the lunch show us all the options so in case you want to see all the options I will tell you how to I want to modify this text so opening platform just make sure you have the correct view you select the default view you will see much more options I'm just bringing order field over here to discus okay so let's update this as my task order us maybe under let's see I want to show ask ask assign in this dynami that's and this so you need to close this browser actually you should close this browser so that I should receive all any of the other options I mean if I press save over here it will take this confirmation and I think changes will be rolled back okay so let me just over here Paige Cooper Laurie's total is correct to modify this year I remember that I'll modified Lori's okay so let's see how does looking law [Music] who's financing I just need to put some space over here yeah we'll do that as a final now let's put new sticker you will learn the names of this or widgets as you practice okay we want to see all the options open in platform give us the default view let's title be company news table that'd be knowledge all articles that activists through dr. case I'll be getting any reports jitters see this business to be a short description sometimes happens but see the power of service portal so it's now the v8 has been customized I have another developer and these things are a real painting so now it's look good this side is also looking in T so let's play something here as well so connect let's put this one over here connect support it's so very good widget okay so it's a chart kind of thing I'll show you let me just customer service message let it be chart to help us see so I'll show you pull a chart window for you even chart with 30 days guys directly and the jack would be assigned to the person couldn't find like you I don't have that user configured Jesus I don't have that good configured I have to configure that but that's fine I mean it will work and let's move forward we'll see this is something I don't have that assignment cooker so it's giving the devil so we can configure it taste no problem in that and now let's open that fix third spacing thing def 99 6 / SP and age okay so what is expected from us let's make this we'll modify some CSS we have to write some CSS so it will remove the white space between the header and the container one dot each it's tight guarding I can talk Colin 10px 0 0 1 0 right 0px it's not important for us pick three or so type with color some random okay singing : dog guarding top under school do something custom I'm creating basically to provide a padding of detection this co-created this I'll call this and Justin two things is copied of Jesus Oh should look nice okay so what are you planning to move this thing a little bit space over here that's why it would be nice yeah it's looking nice can't believe we have done this okay guys so it's looking fine for us let's stir this and let's move on to our next thing okay so this ends up with our page design you will return to it as well again but for the time being let's move forward