hello good morning all today in this video we are going to discuss regarding how to apply bold and italic style in urdu trivia so currently in the screen you are seeing version 15 community edition where we are continuing our odo 15 development tutorial so in one of our previous video in order 15 series we have shown you how to color the tree view using the decorations so if i remove this draft filter from the search view here you can see we have got a lot of records and each of them is in different states like done draft cancel etc and also each of those records is coming with different color so if you check here currently you can see the done records is coming with green color and cancel record is coming with some what red color so we already have learned how to apply the color for the tree view using the decoration attribute so if i click on debugger button and if i click on edit view list you can see i have applied decoration success when the state is done and decoration danger when state equal to cancel etc so the point that we will be discussing is about how to apply a bold style for the field so if you check the tree view you can see we have got a field called total amount which i have recently added inside the form view so if i open this form view and if you click on pharmacy you can see i have added a field called total amount which is the total amount of subtotal so if i take this eight two five zero and if i open pharmacy you can see we have got three seven five zero usd and four thousand five hundred and if some is showing over here that is in total is 8250 and same information i have added it in the treeview so as it is an important information it is necessary to show it in a bold format instead of showing it as a normal text same as another field let's see how we can make it bold if you check the sales module and here you can see the total is coming with a bald effect so here you can see the difference between the company and this you can see it's little bit bold so we will be applying a same format for the total amount field in the appointment so we will be making this bold so if i go to the pycharm here we have the custom add-ons and i am hospital module so if i go to the views folder and open appointment view dot xml and let me take the corresponding tree view so here we have the tree view of appointment and here we have the amount total field so along with the field definition i will add decoration bf decoration hyphen bf equal to 1 so i'll add this decoration class and i'll set the value as 1 that is true and let's upgrade and see what happens to this total field so let me go to the apps menu and let me upgrade oim hospital module so the module is getting upgraded and if you come back to the appointment so i'll go to the appointments here you can see right now the total field is coming as a ball value so here you can see this is coming as normal text whereas the total is bald appearing in the bald format which we have given over here that is decoration bf equal to 1 so in order to make the field value bold you can use this along with the field in the tree view decoration bf now let's look at different case where we have to make a field italic that is here if we check here we have a field called gender so let's try to make this field as in italic format so in order to make italic format what you have to do is that simply copy the field and what i will do here we have this entire field and i'll put it here that is decoration bf so instead of bf i need italic format then you have to add decoration id id for italic so let's upgrade and see what happens so i'll go to the apps menu and i will upgrade om hospital module so the module is getting upgraded and if i come back to the appointments you can see the gender value is coming in italic format so this is how we can make a bold and italic format in urdu trivia and you might think can we give multiple attribute ones yes you can give you can copy the decoration bf and you can give together like decoration id and if you need to make it bold you can give like this also so we already have given decoration state everything the decorations success that is to show in green color so here i have given decoration italic and bf together so let me add it from the ui so here we have the gender field with decoration id so along with that i will add decoration bf save this refresh so the field will be italic and bold you can see the field is coming with italic and bold now just assume you need to give some color for this field that is if you need some give green color edit view list you can use decoration success so i'll copy decoration success and you can add it along with the field decoration success equal to 1 then it will be always green color click on save and if you refresh you can see the value is coming in green color so if you need to get in red color you can use decoration danger so similarly you have another class also decoration success you have decoration warning decoration info decoration muted etc so we can give multiple attributes so currently we have setting always one so if you need to set it based on condition that is only for gender female you have to show green color you can add the condition here center equal to equal to female then this color will be applied only if gender is female so click on save and if i refresh you can see all is female so let me remove the draft filter unfortunately we don't have any appointment for male patients so let me change the mark demo as so here we have sorry not mark demo let me change manco as a male patient click on save and if i come back here even for male also it's coming with green color so there is something wrong let me group by group by gender so actually the issue is that we don't have a gender field this is not a stored field i guess so if i check gender field inside the hospital dot appointment what is gender field it's not a store field so i think that might be the case or let me confirm what is the key of female so if i check the tree view edit view list the condition that i have given is gender equal to female so let me remove this unnecessary space and let me confirm female save and let me refresh and yeah correct that space was causing the problem and you can see for male it's coming in black color and female is coming in green color so i hope you understood the points that we have discussed in this video that is decoration i t for italic decoration bf for ball format and you can give decoration success equal to one then it will be always that color or you can give conditionally similarly you can set conditional attribute for italic and bold also so i hope you understood this video if you have any doubts feedbacks or suggestions don't hesitate to share with us over the email that is uru mates at gmail.com and feel free to connect us in social medias like linkedin facebook twitter instagram and also follow us in github and if you like the video please do support us by liking the video and do have a comment and share with your uru friends so that's it for the day have a nice day thank you