Create JSF Page Use Page Template

15 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:  $99.99
You save:  $30
€65.39
List Price:  €93.41
You save:  €28.02
£55.92
List Price:  £79.90
You save:  £23.97
CA$96.01
List Price:  CA$137.16
You save:  CA$41.15
A$107.15
List Price:  A$153.08
You save:  A$45.93
S$95.13
List Price:  S$135.90
You save:  S$40.77
HK$547.14
List Price:  HK$781.66
You save:  HK$234.52
CHF 63.86
List Price:  CHF 91.23
You save:  CHF 27.37
NOK kr775.40
List Price:  NOK kr1,107.76
You save:  NOK kr332.36
DKK kr487.78
List Price:  DKK kr696.86
You save:  DKK kr209.07
NZ$118.01
List Price:  NZ$168.60
You save:  NZ$50.58
د.إ257.06
List Price:  د.إ367.24
You save:  د.إ110.18
৳7,680.49
List Price:  ৳10,972.60
You save:  ৳3,292.11
₹5,842.03
List Price:  ₹8,346.11
You save:  ₹2,504.08
RM332.86
List Price:  RM475.54
You save:  RM142.67
₦86,437.65
List Price:  ₦123,487.65
You save:  ₦37,050
₨19,491.96
List Price:  ₨27,846.85
You save:  ₨8,354.89
฿2,586.09
List Price:  ฿3,694.58
You save:  ฿1,108.48
₺2,265.39
List Price:  ₺3,236.41
You save:  ₺971.02
B$363.53
List Price:  B$519.35
You save:  B$155.82
R1,302.64
List Price:  R1,861
You save:  R558.35
Лв127.90
List Price:  Лв182.73
You save:  Лв54.82
₩96,270.48
List Price:  ₩137,535.16
You save:  ₩41,264.67
₪262.29
List Price:  ₪374.71
You save:  ₪112.42
₱4,033.94
List Price:  ₱5,763.02
You save:  ₱1,729.07
¥10,867.12
List Price:  ¥15,525.12
You save:  ¥4,658
MX$1,187.12
List Price:  MX$1,695.96
You save:  MX$508.84
QR254.93
List Price:  QR364.20
You save:  QR109.27
P994.08
List Price:  P1,420.18
You save:  P426.09
KSh9,360.69
List Price:  KSh13,372.99
You save:  KSh4,012.30
E£3,358.63
List Price:  E£4,798.26
You save:  E£1,439.62
ብር4,003.77
List Price:  ብር5,719.92
You save:  ብር1,716.15
Kz58,546.63
List Price:  Kz83,641.63
You save:  Kz25,095
CLP$67,216.99
List Price:  CLP$96,028.39
You save:  CLP$28,811.40
CN¥506.70
List Price:  CN¥723.89
You save:  CN¥217.19
RD$4,073.53
List Price:  RD$5,819.58
You save:  RD$1,746.04
DA9,418.34
List Price:  DA13,455.35
You save:  DA4,037.01
FJ$158.31
List Price:  FJ$226.17
You save:  FJ$67.86
Q543.96
List Price:  Q777.12
You save:  Q233.16
GY$14,650.29
List Price:  GY$20,929.88
You save:  GY$6,279.59
ISK kr9,815.39
List Price:  ISK kr14,022.59
You save:  ISK kr4,207.20
DH707.71
List Price:  DH1,011.06
You save:  DH303.35
L1,237.78
List Price:  L1,768.33
You save:  L530.55
ден4,025.24
List Price:  ден5,750.59
You save:  ден1,725.35
MOP$563.96
List Price:  MOP$805.69
You save:  MOP$241.73
N$1,304.33
List Price:  N$1,863.42
You save:  N$559.08
C$2,570.38
List Price:  C$3,672.13
You save:  C$1,101.75
रु9,397.27
List Price:  रु13,425.24
You save:  रु4,027.97
S/263.43
List Price:  S/376.35
You save:  S/112.91
K270.11
List Price:  K385.89
You save:  K115.77
SAR262.49
List Price:  SAR375.01
You save:  SAR112.51
ZK1,873.89
List Price:  ZK2,677.10
You save:  ZK803.21
L325.37
List Price:  L464.84
You save:  L139.46
Kč1,643.47
List Price:  Kč2,347.91
You save:  Kč704.44
Ft25,458.03
List Price:  Ft36,370.18
You save:  Ft10,912.14
SEK kr764.90
List Price:  SEK kr1,092.76
You save:  SEK kr327.86
ARS$61,327.27
List Price:  ARS$87,614.14
You save:  ARS$26,286.87
Bs483.57
List Price:  Bs690.85
You save:  Bs207.27
COP$273,218.78
List Price:  COP$390,329.27
You save:  COP$117,110.49
₡35,710.66
List Price:  ₡51,017.42
You save:  ₡15,306.75
L1,733.65
List Price:  L2,476.75
You save:  L743.09
₲524,442.73
List Price:  ₲749,236.02
You save:  ₲224,793.28
$U2,683.09
List Price:  $U3,833.15
You save:  $U1,150.06
zł283.24
List Price:  zł404.64
You save:  zł121.40
Already have an account? Log In

Transcript

Hello, last video we have created a beach template. In this video I will show you how you can use this pitch template when you create our own pages. Okay, so now let's create a new page I will call you Dept. template no we tip use template and it should be GCF because the template opportunity GCF, then I will see a need to reference to my big image which we are carrying it. Okay, so from here, you can select your template and here you will find like a preview with what we create And press OK. So, once now you create a beach use a template now is the structure of the page view the document and form you will find some so called beach template and it points to the my beach template and you will find what you find a face it called body which we define is a beach template here as a face of reference.

So, in this page the user should add the content in this body and wants to use it as a content page in this body it will appear in this area of the template under the menu and under the logo on so, so to to split here. So Here let us for example just display let's talk about one one component called panel books sorry many collection manipulation is a component I prefer to use when you enter a new insert is a table because it will give some feature to the table. So, let us add a collection and inside this collection I will add a department as a table. Okay. here if you want to make a certain sort the table has a sort has a filter has a single rule if it is read only or no as a group selection or multiple second initial none, make it single selection.

It is read only and sortable further Okay, and let us run my department and see how it totally looks like As you can see here, the logo is here my system name here and with my name and okay it was a menu is close this is the menu when you want menu to menu three, so we can increase this height or you can reduce the logo size. This is like a dummy logo you just don't get it from the Google it has nothing and the menu can be we can increase this you know from where you can increase this this is a better collections for sources in the template. Here I can see see to 400 make it to 150 save and just to refresh. Now you can see it is beat okay. That's fine. So, now we have a like a beach template and once we add the content in the body face it so the content here blazed is this part because it's a template I say is the top should have the logo and in the center of the panel, decorative books I need to use the content here.

So you you are using it here. So this is the using of the face it for example, if the template you want to give the user a ability to add some information after look out for example, in this area, I need the user in the beach have ability to add some text here. So you have to go to the beach template and add a face it here. So says the user will be able to enter the text here. So, let's do that. So that you will be aware about what mean equals a face it reference here.

So, here I need to add a new face it so in the component here right click Insert face it, I can see here title for example, this is a basic theme called title and I want the title face it to be after look out. So, let us go to the top one with templates is a template is the first here, here sorry here, here, yes. And then after the logo, I need to add I just want to give some space after that I will add phases face it. difference and they will select subtitles so the face address reference the place it will be after the look out here. And if the user is a bitch at any content in their face it called title the content will display after the lockout. So now I create a physics reference after look at here is the page itself I should use it.

So if you can right click visit you will find there are another one called Titan which you are created and is this title I will add just thickest insides this plated spray some thickest belay this tikis so now this bitch using this template so we define to face it so you'll find here to face it if you add any quantity The title it will appear after lookout if you add any quantities of body it will appear in the body here so let's now run the page you will find displays is appear Of course zero with as you can see. So now we know we're about what is the meaning of face it is a bitch definitive rubbish template and how you can reference this face it is a bitch and how you can use it in Zabbix which you will use which demit the second one which I talk about it is efficient is a is a attribute okay.

You can create here a new attribute Okay I will tell you what this attribute used for. For example, I need a tribute no name call especially literal position okay. This is can be into Java Lang integer and default the value which we entered is 150 Okay. This is one attribute I defined the benefit of this attribute is to give ability in the beach itself to control some attribute in this page template. For example, here is the which template I said the splitter should have a splitter position 150 it means this height is 150 and the user will not be able to change Because it is a template. So, I need to give an ability in each template, I will decide what is the height for this template.

So, I need to control the height of this. So, is this a template, I give an attribute I named this attribute as a splitter position and I just would come here as a banana splitter and in a splitter position I will select this title you will find here is a variable attributes position you can select it like this. So, the value of the splitter position this height the value of this height, it is not now fixed it no it is coming from attribute called splitter position as the default value is 150 but is a bitch default template you can control this now if you select which template you will find here is better position is coming here. So, any pitch will use this pitch template will have feature two draws the height of the benefit split. So if we create now another beach, okay, right click New page and I would select call it m buoy is us template and I will select my template Kay okay.

So once you see the urine buoy here, you will find there are to face it and once you select template you will find a splitter position I need in the department. If I am in the department, I need this position to be maybe 150 years as a 150 keep it as a default or we can change it to 200 bigger and in embroidery I need to be a 100 so now you are able to control maker some control of the bitch timber itself depending on the age so now I see in the bitch timbit if I'm in the workman mixer position 200 and in between maker position is 100 and this is the body the body I need to add in Bluey as a table okay. So this is table as employee, okay. And as I told you how you can create some navigation between pages so I will open What is meant Yes, we have here the total flow you can create one unbounded task flow.

So, you can create here on the CIC this and this is a unbounded task flow now. So unbought flow is just place you can add is mp3 and you can add a department here as I said before, this is the worst meant and this is in between and it's a component you can define some global navigation here is the temp as Oh come in him, as you won't hear him, Tim in the name. So this is just to give a outcome name for this page and outcome name for this page. Okay, so this is my bitch template here. Maybe you we have some we have a menu you can go or whatever you want as I mean you would have as well some action, but you have to write it. So, what you can do here in the department, I will add this is the northwind column.

So, I will just add here, first column, concert column here and the size this column I will see at the bottom and I will say my ambu ease okay and the action will be empathy, okay. And now in the employee in the body, so be sure, I will add a new column and inside the column, I will add Bottom my bars okay and the action will be there was different. So, let's now select the wrong department, you should see the header will be too high because I said 200 too high. So, it for this What if they want to meet I need to go for the employee. So, you selected the employee you will find this become a small the height, the height here becomes more because I say it is 100 if it is in a movie, if I back to the bottom and you will find So, how it here is bigger.

So, now, you can control some attribute in the page template if you defined attribute attribute as a component and you can add this attribute in Any component you want to control. So, big template, much easy, you just you have to lay out your page you can use face it to decide which places the template you want the user to be able to add some tickets or where where the user should add the content. Okay. So as attribute which gives the ability to the user choose a template to able to make some change in the template. This is is the pitch template. In this pitching bit.

We went through some of the ADF component which is fine. For the next video. I will talk more about some EDF as our ADF components. So see you next to you

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.