Up next in 10
Getting Started with Dynamic Forms in Power Pages - Microsoft Business Application: Ep.31
4 views
Aug 6, 2025
Join this live session with Mahender Pal and Venkata Subbarao for the next episode of Microsoft Business Application Live Show on June 27 at 10:00 PM (IST). In this session, we will provide a walkthrough of the Overview of Dynamic Forms in Power Pages. Usage of javascript in Forms to show validations Usage of javascript in portal
View Video Transcript
0:03
[Music]
0:14
[Music]
0:23
Heat. Hey, heat. Hey, heat.
0:24
Heat. Hey, heat. Hey, heat.
0:24
Heat. Hey, heat. Hey, heat. [Music]
0:35
Greetings everyone. Welcome again to the
0:39
Greetings everyone. Welcome again to the
0:39
Greetings everyone. Welcome again to the business application show where we talk
0:42
business application show where we talk
0:42
business application show where we talk about business application and power
0:44
about business application and power
0:44
about business application and power platform applications.
0:46
platform applications.
0:46
platform applications. From last couple of sessions uh we have
0:49
From last couple of sessions uh we have
0:49
From last couple of sessions uh we have been discussing about
0:52
been discussing about
0:52
been discussing about power platform and power pages. So we
0:55
power platform and power pages. So we
0:55
power platform and power pages. So we are continuing on the same and uh today
0:59
are continuing on the same and uh today
0:59
are continuing on the same and uh today as well we are going to discuss about
1:00
as well we are going to discuss about
1:00
as well we are going to discuss about the power pages.
1:02
the power pages.
1:02
the power pages. So let me share the content.
1:07
So let me share the content.
1:07
So let me share the content. So today we are going to talk about how
1:10
So today we are going to talk about how
1:10
So today we are going to talk about how we can utilize JavaScript in power pages
1:13
we can utilize JavaScript in power pages
1:13
we can utilize JavaScript in power pages to make them more interactive. Okay. So
1:16
to make them more interactive. Okay. So
1:16
to make them more interactive. Okay. So we have done earlier sessions on the
1:19
we have done earlier sessions on the
1:19
we have done earlier sessions on the power pages and scripting where we
1:22
power pages and scripting where we
1:22
power pages and scripting where we talked about how we can utilize web API
1:25
talked about how we can utilize web API
1:25
talked about how we can utilize web API right to perform different actions on
1:27
right to perform different actions on
1:27
right to perform different actions on the power pages. But today we are going
1:29
the power pages. But today we are going
1:29
the power pages. But today we are going to talk about how you know specifically
1:32
to talk about how you know specifically
1:32
to talk about how you know specifically JavaScript we can use to make forms more
1:35
JavaScript we can use to make forms more
1:36
JavaScript we can use to make forms more interactive. If you want to add our
1:38
interactive. If you want to add our
1:38
interactive. If you want to add our custom JavaScript, what are the places
1:40
custom JavaScript, what are the places
1:40
custom JavaScript, what are the places where you can add these JavaScripts and
1:43
where you can add these JavaScripts and
1:43
where you can add these JavaScripts and if you want to add your common uh you
1:46
if you want to add your common uh you
1:46
if you want to add your common uh you know files uh you know want to create a
1:49
know files uh you know want to create a
1:49
know files uh you know want to create a JavaScript library how you can utilize
1:51
JavaScript library how you can utilize
1:52
JavaScript library how you can utilize that how we can create that and if you
1:54
that how we can create that and if you
1:54
that how we can create that and if you want to introduce some custom event how
1:57
want to introduce some custom event how
1:57
want to introduce some custom event how you can do that. So that's what we are
1:58
you can do that. So that's what we are
1:58
you can do that. So that's what we are going to talk today. So this is the high
2:00
going to talk today. So this is the high
2:00
going to talk today. So this is the high level agenda for us and before jumping
2:03
level agenda for us and before jumping
2:03
level agenda for us and before jumping onto the main agenda let's have a quick
2:05
onto the main agenda let's have a quick
2:05
onto the main agenda let's have a quick introduction about oursel. So myself
2:10
introduction about oursel. So myself
2:10
introduction about oursel. So myself Mahendra and I have my friend Vinka with
2:13
Mahendra and I have my friend Vinka with
2:13
Mahendra and I have my friend Vinka with me. So we both are Microsoft as well as
2:15
me. So we both are Microsoft as well as
2:15
me. So we both are Microsoft as well as C#ar corner MVPs. So we have been
2:17
C#ar corner MVPs. So we have been
2:17
C#ar corner MVPs. So we have been working with dynamic CRM it's more than
2:20
working with dynamic CRM it's more than
2:20
working with dynamic CRM it's more than 10 years now. So we are going to have
2:23
10 years now. So we are going to have
2:23
10 years now. So we are going to have this session. So I will be taking part
2:25
this session. So I will be taking part
2:25
this session. So I will be taking part first where I will be explaining all
2:27
first where I will be explaining all
2:27
first where I will be explaining all that uh you know topic that I had
2:29
that uh you know topic that I had
2:29
that uh you know topic that I had discussed and after that I will shift
2:31
discussed and after that I will shift
2:31
discussed and after that I will shift mic to my friend Wena and he will show
2:33
mic to my friend Wena and he will show
2:33
mic to my friend Wena and he will show you the demo on these topics. Okay. So
2:38
you the demo on these topics. Okay. So
2:38
you the demo on these topics. Okay. So let's uh jump into our topic.
2:46
So, so we know that power pages is
2:51
So, so we know that power pages is
2:51
So, so we know that power pages is nothing but a website development,
2:54
nothing but a website development,
2:54
nothing but a website development, right? So, we create our own website, we
2:57
right? So, we create our own website, we
2:57
right? So, we create our own website, we create our own web pages. Uh this is
3:00
create our own web pages. Uh this is
3:00
create our own web pages. Uh this is this can be you know your internal
3:02
this can be you know your internal
3:02
this can be you know your internal portal or this can be client facing that
3:05
portal or this can be client facing that
3:05
portal or this can be client facing that you have built for your company. So it
3:07
you have built for your company. So it
3:08
you have built for your company. So it provides us you different variation that
3:10
provides us you different variation that
3:10
provides us you different variation that you can use power pages to build
3:12
you can use power pages to build
3:12
you can use power pages to build different uh you know datadriven dynamic
3:15
different uh you know datadriven dynamic
3:15
different uh you know datadriven dynamic websites. Okay. And whenever we are
3:19
websites. Okay. And whenever we are
3:19
websites. Okay. And whenever we are talking about the dynamic uh websites
3:22
talking about the dynamic uh websites
3:22
talking about the dynamic uh websites you know the JavaScript plays a very
3:24
you know the JavaScript plays a very
3:24
you know the JavaScript plays a very critical role there right. So when we
3:27
critical role there right. So when we
3:27
critical role there right. So when we want to work with data or we want to put
3:30
want to work with data or we want to put
3:30
want to work with data or we want to put some kind of validation on that pages of
3:33
some kind of validation on that pages of
3:34
some kind of validation on that pages of course we want to use JavaScript or
3:36
course we want to use JavaScript or
3:36
course we want to use JavaScript or jQuery to perform those set of actions
3:38
jQuery to perform those set of actions
3:38
jQuery to perform those set of actions right. So similar to that in power pages
3:42
right. So similar to that in power pages
3:42
right. So similar to that in power pages as well. So when we have our power pages
3:45
as well. So when we have our power pages
3:45
as well. So when we have our power pages we build our you know couple of pages or
3:47
we build our you know couple of pages or
3:47
we build our you know couple of pages or you know under that pages we are
3:49
you know under that pages we are
3:49
you know under that pages we are referring uh this uh Microsoft database
3:53
referring uh this uh Microsoft database
3:53
referring uh this uh Microsoft database forms there as well. If you want to
3:56
forms there as well. If you want to
3:56
forms there as well. If you want to utilize some you know implement some
3:59
utilize some you know implement some
3:59
utilize some you know implement some kind of capabilities like for example
4:02
kind of capabilities like for example
4:02
kind of capabilities like for example hiding showing the fields based on
4:04
hiding showing the fields based on
4:04
hiding showing the fields based on particular conditions okay or autopop
4:07
particular conditions okay or autopop
4:07
particular conditions okay or autopop populating some of the data. So for
4:09
populating some of the data. So for
4:09
populating some of the data. So for example you know there is some field
4:11
example you know there is some field
4:11
example you know there is some field that you want to as soon as the web page
4:14
that you want to as soon as the web page
4:14
that you want to as soon as the web page is loaded we want to populate them.
4:16
is loaded we want to populate them.
4:16
is loaded we want to populate them. Okay. So those type of thing can be
4:19
Okay. So those type of thing can be
4:19
Okay. So those type of thing can be easily done using the JavaScript and
4:21
easily done using the JavaScript and
4:21
easily done using the JavaScript and that basically you know add much flavor
4:24
that basically you know add much flavor
4:24
that basically you know add much flavor of the dynamic you know making the
4:27
of the dynamic you know making the
4:27
of the dynamic you know making the contents making that form layout dynamic
4:30
contents making that form layout dynamic
4:30
contents making that form layout dynamic that we can do using the JavaScript.
4:33
that we can do using the JavaScript.
4:33
that we can do using the JavaScript. Okay. Similar to that if we uh let's say
4:36
Okay. Similar to that if we uh let's say
4:36
Okay. Similar to that if we uh let's say if user entering some data and we want
4:39
if user entering some data and we want
4:39
if user entering some data and we want to validate that if this data is correct
4:41
to validate that if this data is correct
4:41
to validate that if this data is correct or not before that data can be sent to
4:43
or not before that data can be sent to
4:43
or not before that data can be sent to server. Okay. So if you want to do some
4:46
server. Okay. So if you want to do some
4:46
server. Okay. So if you want to do some kind of validation on that if this data
4:48
kind of validation on that if this data
4:48
kind of validation on that if this data is correct or not right those can be
4:51
is correct or not right those can be
4:51
is correct or not right those can be done using JavaScript easily. So we can
4:53
done using JavaScript easily. So we can
4:53
done using JavaScript easily. So we can perform JavaScript where we can read
4:56
perform JavaScript where we can read
4:56
perform JavaScript where we can read value of those fields read uh you know
4:59
value of those fields read uh you know
4:59
value of those fields read uh you know uh that particular data element using
5:01
uh that particular data element using
5:01
uh that particular data element using JavaScript and perform our set of
5:03
JavaScript and perform our set of
5:03
JavaScript and perform our set of operations depending on the requirement.
5:06
operations depending on the requirement.
5:06
operations depending on the requirement. It depends on what is your requirement
5:08
It depends on what is your requirement
5:08
It depends on what is your requirement right. It could be uh you know
5:09
right. It could be uh you know
5:09
right. It could be uh you know autopopulation of data, validation of
5:12
autopopulation of data, validation of
5:12
autopopulation of data, validation of the data or you know hiding showing the
5:14
the data or you know hiding showing the
5:14
the data or you know hiding showing the data that totally depends on the
5:16
data that totally depends on the
5:16
data that totally depends on the specific business name. So those type of
5:19
specific business name. So those type of
5:19
specific business name. So those type of thing we can do using JavaScript. Okay.
5:22
thing we can do using JavaScript. Okay.
5:22
thing we can do using JavaScript. Okay. So that's what we are going to talk
5:24
So that's what we are going to talk
5:24
So that's what we are going to talk today and we will see that how we can
5:27
today and we will see that how we can
5:27
today and we will see that how we can you know utilize JavaScript to make
5:29
you know utilize JavaScript to make
5:29
you know utilize JavaScript to make power pages moreive
5:33
power pages moreive
5:33
power pages moreive using this uh scripting.
5:37
using this uh scripting.
5:37
using this uh scripting. Okay.
5:39
Okay.
5:39
Okay. So
5:44
we are talking about that in the power
5:47
we are talking about that in the power
5:47
we are talking about that in the power pages we will be using JavaScript. Okay.
5:49
pages we will be using JavaScript. Okay.
5:49
pages we will be using JavaScript. Okay. So we said okay we can use JavaScript
5:52
So we said okay we can use JavaScript
5:52
So we said okay we can use JavaScript but what are all the places what are the
5:55
but what are all the places what are the
5:55
but what are all the places what are the different places where we can place our
5:57
different places where we can place our
5:57
different places where we can place our JavaScript and we can refer it or put
6:00
JavaScript and we can refer it or put
6:00
JavaScript and we can refer it or put that kind of validation or you know
6:02
that kind of validation or you know
6:02
that kind of validation or you know logic that we want to use. So those can
6:04
logic that we want to use. So those can
6:04
logic that we want to use. So those can be done using that. Okay. So in the
6:07
be done using that. Okay. So in the
6:07
be done using that. Okay. So in the power pages here the first thing that we
6:10
power pages here the first thing that we
6:10
power pages here the first thing that we can apply our JavaScript on the web
6:12
can apply our JavaScript on the web
6:12
can apply our JavaScript on the web pages. So under the web pages so you
6:14
pages. So under the web pages so you
6:14
pages. So under the web pages so you know like you know our power pages
6:16
know like you know our power pages
6:16
know like you know our power pages basically combination of different pages
6:18
basically combination of different pages
6:18
basically combination of different pages right. So we can have different pages
6:20
right. So we can have different pages
6:20
right. So we can have different pages depending on your power page sites. It
6:22
depending on your power page sites. It
6:22
depending on your power page sites. It may be you have one page website two
6:24
may be you have one page website two
6:24
may be you have one page website two page three page depending on that. So in
6:27
page three page depending on that. So in
6:27
page three page depending on that. So in every page web page we have a section
6:29
every page web page we have a section
6:29
every page web page we have a section where we can apply our custom JavaScript
6:32
where we can apply our custom JavaScript
6:32
where we can apply our custom JavaScript and we can use uh that place to add our
6:34
and we can use uh that place to add our
6:34
and we can use uh that place to add our logic there. Okay. The another option
6:37
logic there. Okay. The another option
6:37
logic there. Okay. The another option that we have is the web file. Okay. So
6:40
that we have is the web file. Okay. So
6:40
that we have is the web file. Okay. So if you want to use reusable file means
6:43
if you want to use reusable file means
6:43
if you want to use reusable file means like you created one common file and you
6:46
like you created one common file and you
6:46
like you created one common file and you want to use that common file in multiple
6:48
want to use that common file in multiple
6:48
want to use that common file in multiple pages. Okay. So on the multiple pages on
6:50
pages. Okay. So on the multiple pages on
6:50
pages. Okay. So on the multiple pages on the multiple forms. So there we can use
6:53
the multiple forms. So there we can use
6:53
the multiple forms. So there we can use this option for the web files where we
6:56
this option for the web files where we
6:56
this option for the web files where we can attach our file. We can create our
6:59
can attach our file. We can create our
6:59
can attach our file. We can create our JavaScript library and attach it and
7:01
JavaScript library and attach it and
7:01
JavaScript library and attach it and then after that refer it on a different
7:04
then after that refer it on a different
7:04
then after that refer it on a different different pages. So it's basically kind
7:06
different pages. So it's basically kind
7:06
different pages. So it's basically kind of a common library that we can create.
7:09
of a common library that we can create.
7:09
of a common library that we can create. Okay. And then we can uh put it on the
7:12
Okay. And then we can uh put it on the
7:12
Okay. And then we can uh put it on the web template. So in our earlier session
7:14
web template. So in our earlier session
7:14
web template. So in our earlier session we discussed you know what are the web
7:16
we discussed you know what are the web
7:16
we discussed you know what are the web template how we can use web template to
7:19
template how we can use web template to
7:19
template how we can use web template to you know layout that power pages. So in
7:22
you know layout that power pages. So in
7:22
you know layout that power pages. So in the web template also we can utilize
7:24
the web template also we can utilize
7:24
the web template also we can utilize JavaScript and we can also write
7:26
JavaScript and we can also write
7:26
JavaScript and we can also write JavaScript code there. Right. And then
7:29
JavaScript code there. Right. And then
7:29
JavaScript code there. Right. And then we have the entity forms. So entity
7:31
we have the entity forms. So entity
7:31
we have the entity forms. So entity forms are basically the data versse
7:33
forms are basically the data versse
7:33
forms are basically the data versse forms. Okay, that will be rendered on
7:36
forms. Okay, that will be rendered on
7:36
forms. Okay, that will be rendered on the web pages. So we can also apply at
7:39
the web pages. So we can also apply at
7:39
the web pages. So we can also apply at that entity forms level as well. We can
7:42
that entity forms level as well. We can
7:42
that entity forms level as well. We can put our JavaScript there and we can
7:44
put our JavaScript there and we can
7:44
put our JavaScript there and we can utilize the form fields and you know
7:46
utilize the form fields and you know
7:46
utilize the form fields and you know refer them and uh you know do the
7:48
refer them and uh you know do the
7:48
refer them and uh you know do the validation or perform the set of action
7:50
validation or perform the set of action
7:50
validation or perform the set of action that we want to do. And then next thing
7:53
that we want to do. And then next thing
7:53
that we want to do. And then next thing we have that entity list. So entity list
7:55
we have that entity list. So entity list
7:55
we have that entity list. So entity list are basically the view right when we are
7:57
are basically the view right when we are
7:57
are basically the view right when we are on the web page and we are seeing some
7:59
on the web page and we are seeing some
7:59
on the web page and we are seeing some list of the record. So that basically we
8:02
list of the record. So that basically we
8:02
list of the record. So that basically we use entity list to render those set of
8:05
use entity list to render those set of
8:05
use entity list to render those set of records and using this entity list as
8:09
records and using this entity list as
8:09
records and using this entity list as well we can apply JavaScript. So
8:10
well we can apply JavaScript. So
8:10
well we can apply JavaScript. So sometime you know depending on the
8:13
sometime you know depending on the
8:13
sometime you know depending on the scenario sometime we want to hide some
8:15
scenario sometime we want to hide some
8:15
scenario sometime we want to hide some button that is part of the you know
8:17
button that is part of the you know
8:17
button that is part of the you know entity list or maybe you want to hide
8:20
entity list or maybe you want to hide
8:20
entity list or maybe you want to hide some kind of column that is displayed
8:23
some kind of column that is displayed
8:23
some kind of column that is displayed there. So it could be you know different
8:25
there. So it could be you know different
8:25
there. So it could be you know different different requirements. So depending on
8:26
different requirements. So depending on
8:26
different requirements. So depending on that there also we can write our
8:29
that there also we can write our
8:29
that there also we can write our JavaScript. And then last one is that
8:31
JavaScript. And then last one is that
8:32
JavaScript. And then last one is that the content snippet that is also where
8:34
the content snippet that is also where
8:34
the content snippet that is also where we can also use and we can uh create a
8:37
we can also use and we can uh create a
8:37
we can also use and we can uh create a common places and these uh content
8:39
common places and these uh content
8:39
common places and these uh content snippet also can be referred on the
8:41
snippet also can be referred on the
8:41
snippet also can be referred on the different pages. So that's the another
8:43
different pages. So that's the another
8:43
different pages. So that's the another way we can utilize uh our JavaScript on
8:47
way we can utilize uh our JavaScript on
8:47
way we can utilize uh our JavaScript on these power pages. Okay. So power pages
8:51
these power pages. Okay. So power pages
8:51
these power pages. Okay. So power pages component. So we have these you can see
8:52
component. So we have these you can see
8:52
component. So we have these you can see we have different different places. So
8:54
we have different different places. So
8:54
we have different different places. So depending on that we have their own
8:57
depending on that we have their own
8:57
depending on that we have their own things. So for example if we are saying
8:59
things. So for example if we are saying
8:59
things. So for example if we are saying that if we write something on the power
9:01
that if we write something on the power
9:01
that if we write something on the power uh this web page so that script will be
9:04
uh this web page so that script will be
9:04
uh this web page so that script will be only available on this particular one
9:06
only available on this particular one
9:06
only available on this particular one web page. It won't be available onto
9:09
web page. It won't be available onto
9:09
web page. It won't be available onto another. Right? But if we are using as a
9:12
another. Right? But if we are using as a
9:12
another. Right? But if we are using as a web files it means you created one file
9:15
web files it means you created one file
9:15
web files it means you created one file and that one file can be referred on the
9:18
and that one file can be referred on the
9:18
and that one file can be referred on the multiple web pages or you can also refer
9:21
multiple web pages or you can also refer
9:21
multiple web pages or you can also refer them on the entity uh forms as well. So
9:24
them on the entity uh forms as well. So
9:24
them on the entity uh forms as well. So depending on what is your requirement
9:26
depending on what is your requirement
9:26
depending on what is your requirement how you want to implement that we can
9:28
how you want to implement that we can
9:28
how you want to implement that we can utilize these places to put our
9:31
utilize these places to put our
9:31
utilize these places to put our JavaScript.
9:32
JavaScript.
9:32
JavaScript. Okay.
9:34
Okay.
9:34
Okay. Now, now we know that okay, these are
9:37
Now, now we know that okay, these are
9:37
Now, now we know that okay, these are the places where we can utilize uh to
9:39
the places where we can utilize uh to
9:39
the places where we can utilize uh to put our JavaScript. So, let's see how we
9:43
put our JavaScript. So, let's see how we
9:43
put our JavaScript. So, let's see how we can access form elements. Okay. So, we
9:47
can access form elements. Okay. So, we
9:47
can access form elements. Okay. So, we will we said that okay we can use
9:49
will we said that okay we can use
9:49
will we said that okay we can use JavaScript to make it more interactive
9:51
JavaScript to make it more interactive
9:51
JavaScript to make it more interactive or make you know more dynamic. But how
9:54
or make you know more dynamic. But how
9:54
or make you know more dynamic. But how we are going to access those elements
9:56
we are going to access those elements
9:56
we are going to access those elements that's what here we can see like for
9:59
that's what here we can see like for
9:59
that's what here we can see like for example that this is simple a
10:02
example that this is simple a
10:02
example that this is simple a traditional you know just like if you
10:03
traditional you know just like if you
10:04
traditional you know just like if you are working on any uh traditional
10:05
are working on any uh traditional
10:05
are working on any uh traditional website and or whether it's a HTML page
10:09
website and or whether it's a HTML page
10:09
website and or whether it's a HTML page or it's a you know ASP.NET page or any
10:12
or it's a you know ASP.NET page or any
10:12
or it's a you know ASP.NET page or any net core pages so where we can utilize
10:15
net core pages so where we can utilize
10:15
net core pages so where we can utilize scripting so we can refer that element
10:18
scripting so we can refer that element
10:18
scripting so we can refer that element using the HTML get element by ID. So
10:21
using the HTML get element by ID. So
10:21
using the HTML get element by ID. So this is basically the DOM object that we
10:23
this is basically the DOM object that we
10:23
this is basically the DOM object that we can refer here document dot getelement
10:26
can refer here document dot getelement
10:26
can refer here document dot getelement by id and then we can refer the name of
10:29
by id and then we can refer the name of
10:30
by id and then we can refer the name of our field. Okay. So you can see here I
10:33
our field. Okay. So you can see here I
10:33
our field. Okay. So you can see here I have used a prefix. So if it's a custom
10:36
have used a prefix. So if it's a custom
10:36
have used a prefix. So if it's a custom field then you need to use the prefix.
10:39
field then you need to use the prefix.
10:39
field then you need to use the prefix. So depending on what is your publisher
10:41
So depending on what is your publisher
10:41
So depending on what is your publisher while you are you know doing
10:42
while you are you know doing
10:42
while you are you know doing customization on the power pay or in the
10:45
customization on the power pay or in the
10:45
customization on the power pay or in the database and you have built those uh
10:49
database and you have built those uh
10:49
database and you have built those uh custom fields what prefix you have used
10:53
custom fields what prefix you have used
10:53
custom fields what prefix you have used you can use that and then name of your
10:55
you can use that and then name of your
10:55
you can use that and then name of your field using this you can refer that
10:58
field using this you can refer that
10:58
field using this you can refer that element and you can do you know value
11:01
element and you can do you know value
11:01
element and you can do you know value you can access value of that field. So
11:03
you can access value of that field. So
11:03
you can access value of that field. So for example if you want to check that
11:06
for example if you want to check that
11:06
for example if you want to check that okay if that value is that is you know
11:08
okay if that value is that is you know
11:08
okay if that value is that is you know user have entered there that is valid or
11:11
user have entered there that is valid or
11:11
user have entered there that is valid or not. So in order to get that value you
11:14
not. So in order to get that value you
11:14
not. So in order to get that value you can use this option. So it will help you
11:16
can use this option. So it will help you
11:16
can use this option. So it will help you to get it there. Okay. And similarly if
11:19
to get it there. Okay. And similarly if
11:19
to get it there. Okay. And similarly if you want to set that value you can also
11:22
you want to set that value you can also
11:22
you want to set that value you can also use the same thing to get that element
11:24
use the same thing to get that element
11:24
use the same thing to get that element and then you can set using the value and
11:28
and then you can set using the value and
11:28
and then you can set using the value and you can assign directly whatever value
11:30
you can assign directly whatever value
11:30
you can assign directly whatever value you want to use. So for example, let's
11:32
you want to use. So for example, let's
11:32
you want to use. So for example, let's say I'm I have some email field. Okay,
11:35
say I'm I have some email field. Okay,
11:35
say I'm I have some email field. Okay, under the email field, I want to first
11:37
under the email field, I want to first
11:37
under the email field, I want to first I'm reading it and then I'm setting it
11:39
I'm reading it and then I'm setting it
11:39
I'm reading it and then I'm setting it some email id. So we can use it like
11:41
some email id. So we can use it like
11:41
some email id. So we can use it like this. Okay, so this is a standard
11:44
this. Okay, so this is a standard
11:44
this. Okay, so this is a standard JavaScript methods. This is a standard
11:47
JavaScript methods. This is a standard
11:47
JavaScript methods. This is a standard JavaScript way of accessing elements.
11:50
JavaScript way of accessing elements.
11:50
JavaScript way of accessing elements. Okay. So, whatever your field whether
11:53
Okay. So, whatever your field whether
11:53
Okay. So, whatever your field whether it's a you know text field or numeric
11:55
it's a you know text field or numeric
11:55
it's a you know text field or numeric field or drop-down or you know any kind
11:59
field or drop-down or you know any kind
11:59
field or drop-down or you know any kind of uh other custom HTML element that you
12:02
of uh other custom HTML element that you
12:02
of uh other custom HTML element that you have created you can refer them using
12:04
have created you can refer them using
12:04
have created you can refer them using their particular ID right now if you
12:09
their particular ID right now if you
12:09
their particular ID right now if you want to access it using jQuery. So using
12:12
want to access it using jQuery. So using
12:12
want to access it using jQuery. So using jQuery then you can use simply this
12:14
jQuery then you can use simply this
12:14
jQuery then you can use simply this dollar sign has and then you can use the
12:17
dollar sign has and then you can use the
12:17
dollar sign has and then you can use the same thing what we use for you know our
12:20
same thing what we use for you know our
12:20
same thing what we use for you know our field name our field name and then dot
12:22
field name our field name and then dot
12:22
field name our field name and then dot well if you want to set value of this
12:25
well if you want to set value of this
12:25
well if you want to set value of this that okay in this field I want to set
12:29
that okay in this field I want to set
12:29
that okay in this field I want to set this value using jQuery okay so this
12:33
this value using jQuery okay so this
12:33
this value using jQuery okay so this using this way we can set the value and
12:35
using this way we can set the value and
12:35
using this way we can set the value and similarly we can also access the field
12:38
similarly we can also access the field
12:38
similarly we can also access the field value as well using jQuery okay so these
12:41
value as well using jQuery okay so these
12:41
value as well using jQuery okay so these These are the two scripting way we use.
12:44
These are the two scripting way we use.
12:44
These are the two scripting way we use. Uh whether you are using JavaScript or
12:46
Uh whether you are using JavaScript or
12:46
Uh whether you are using JavaScript or jQuery using these you can access the
12:49
jQuery using these you can access the
12:49
jQuery using these you can access the element of the form. And as I said that
12:53
element of the form. And as I said that
12:53
element of the form. And as I said that whatever field you are using a text
12:55
whatever field you are using a text
12:55
whatever field you are using a text field, date field, numeric field,
12:57
field, date field, numeric field,
12:57
field, date field, numeric field, drop-down whatever field is there all
13:00
drop-down whatever field is there all
13:00
drop-down whatever field is there all the field can be accessed using the same
13:03
the field can be accessed using the same
13:03
the field can be accessed using the same manner. Okay. And then once you have the
13:06
manner. Okay. And then once you have the
13:06
manner. Okay. And then once you have the data with you, you can perform whatever
13:09
data with you, you can perform whatever
13:09
data with you, you can perform whatever action you want to do or whatever
13:11
action you want to do or whatever
13:11
action you want to do or whatever validation you want to do. You can hide,
13:14
validation you want to do. You can hide,
13:14
validation you want to do. You can hide, you can simply uh you know use that
13:16
you can simply uh you know use that
13:16
you can simply uh you know use that standard methods of scripting like
13:18
standard methods of scripting like
13:18
standard methods of scripting like hiding that making that you know
13:19
hiding that making that you know
13:20
hiding that making that you know visible. So setting the visible you know
13:22
visible. So setting the visible you know
13:22
visible. So setting the visible you know false or true depending on the
13:24
false or true depending on the
13:24
false or true depending on the requirement.
13:28
Okay. Now we know that okay where is the
13:32
Okay. Now we know that okay where is the
13:32
Okay. Now we know that okay where is the place what are all the places where we
13:34
place what are all the places where we
13:34
place what are all the places where we can apply our JavaScript and now we know
13:37
can apply our JavaScript and now we know
13:37
can apply our JavaScript and now we know that how we can refer form components
13:39
that how we can refer form components
13:39
that how we can refer form components form you know object that is there the
13:42
form you know object that is there the
13:42
form you know object that is there the field that we have on the form now let's
13:45
field that we have on the form now let's
13:45
field that we have on the form now let's see how we can apply these JavaScript on
13:49
see how we can apply these JavaScript on
13:49
see how we can apply these JavaScript on the places so the first thing that is
13:52
the places so the first thing that is
13:52
the places so the first thing that is basically inline JavaScript so in some
13:55
basically inline JavaScript so in some
13:56
basically inline JavaScript so in some places the the place that we discussed
13:58
places the the place that we discussed
13:58
places the the place that we discussed in the first slide okay These are the
14:00
in the first slide okay These are the
14:00
in the first slide okay These are the places where we can apply our
14:01
places where we can apply our
14:01
places where we can apply our JavaScript. In some places we apply
14:04
JavaScript. In some places we apply
14:04
JavaScript. In some places we apply JavaScript as a inline means we have
14:07
JavaScript as a inline means we have
14:07
JavaScript as a inline means we have some place and we are writing our
14:09
some place and we are writing our
14:09
some place and we are writing our JavaScript there. So for example in
14:11
JavaScript there. So for example in
14:11
JavaScript there. So for example in first screen you can see this is a web
14:13
first screen you can see this is a web
14:13
first screen you can see this is a web page. Okay. And under the web page we
14:17
page. Okay. And under the web page we
14:17
page. Okay. And under the web page we have a tab here advanced. And if you
14:20
have a tab here advanced. And if you
14:20
have a tab here advanced. And if you will scroll on this advanced you will
14:22
will scroll on this advanced you will
14:22
will scroll on this advanced you will see there is a section called custom
14:24
see there is a section called custom
14:24
see there is a section called custom JavaScript.
14:25
JavaScript.
14:26
JavaScript. This section help us and this is
14:28
This section help us and this is
14:28
This section help us and this is basically work as a editor where we can
14:31
basically work as a editor where we can
14:31
basically work as a editor where we can write our JavaScript whatever JavaScript
14:33
write our JavaScript whatever JavaScript
14:33
write our JavaScript whatever JavaScript we want to apply our JavaScript code can
14:36
we want to apply our JavaScript code can
14:36
we want to apply our JavaScript code can be placed there. Okay. So we can use the
14:39
be placed there. Okay. So we can use the
14:39
be placed there. Okay. So we can use the script tag and under that we are using
14:42
script tag and under that we are using
14:42
script tag and under that we are using this document ready which basically help
14:45
this document ready which basically help
14:45
this document ready which basically help us to that okay once this page is
14:48
us to that okay once this page is
14:48
us to that okay once this page is completely loaded then run or then
14:51
completely loaded then run or then
14:51
completely loaded then run or then execute this particular JavaScript that
14:54
execute this particular JavaScript that
14:54
execute this particular JavaScript that we have placed here. Okay. So this way
14:57
we have placed here. Okay. So this way
14:57
we have placed here. Okay. So this way our code will only run when the complete
15:01
our code will only run when the complete
15:01
our code will only run when the complete web page will be loaded. So if they have
15:03
web page will be loaded. So if they have
15:03
web page will be loaded. So if they have their own uh something you know let's
15:05
their own uh something you know let's
15:05
their own uh something you know let's say if there is some platform set of
15:07
say if there is some platform set of
15:07
say if there is some platform set of operation that is running there is some
15:10
operation that is running there is some
15:10
operation that is running there is some set of platform code that will execute
15:12
set of platform code that will execute
15:12
set of platform code that will execute and after that our code will execute
15:16
and after that our code will execute
15:16
and after that our code will execute right so that's the place b uh basically
15:20
right so that's the place b uh basically
15:20
right so that's the place b uh basically for the web page now as I said that
15:24
for the web page now as I said that
15:24
for the web page now as I said that apart from the web page we can also add
15:27
apart from the web page we can also add
15:27
apart from the web page we can also add our javascript on the entity forms okay
15:30
our javascript on the entity forms okay
15:30
our javascript on the entity forms okay so this entity forms basically the data
15:33
so this entity forms basically the data
15:33
so this entity forms basically the data versse form that we are referring on the
15:35
versse form that we are referring on the
15:35
versse form that we are referring on the web pages. So we call them as a basic
15:37
web pages. So we call them as a basic
15:37
web pages. So we call them as a basic form as well. So if you will open that
15:40
form as well. So if you will open that
15:40
form as well. So if you will open that basic form under the basic form there is
15:43
basic form under the basic form there is
15:43
basic form under the basic form there is a tab here called additional settings
15:46
a tab here called additional settings
15:46
a tab here called additional settings and if you will scroll down there also
15:49
and if you will scroll down there also
15:49
and if you will scroll down there also you will get that you know custom
15:52
you will get that you know custom
15:52
you will get that you know custom JavaScript section where we can add our
15:55
JavaScript section where we can add our
15:55
JavaScript section where we can add our JavaScript. Okay. So similar to that you
15:57
JavaScript. Okay. So similar to that you
15:57
JavaScript. Okay. So similar to that you can see here that is also you know on
16:00
can see here that is also you know on
16:00
can see here that is also you know on that ready that once this is loaded we
16:03
that ready that once this is loaded we
16:03
that ready that once this is loaded we want to you know run our code there and
16:07
want to you know run our code there and
16:07
want to you know run our code there and you can see that I'm using this jQuery
16:09
you can see that I'm using this jQuery
16:09
you can see that I'm using this jQuery to get that value and set that value so
16:12
to get that value and set that value so
16:12
to get that value and set that value so similar to that we can set value of the
16:15
similar to that we can set value of the
16:15
similar to that we can set value of the field which is part of the basic form or
16:18
field which is part of the basic form or
16:18
field which is part of the basic form or entity form okay so these are the places
16:23
entity form okay so these are the places
16:23
entity form okay so these are the places where we are basically injecting our
16:25
where we are basically injecting our
16:25
where we are basically injecting our JavaScript
16:26
JavaScript
16:26
JavaScript Right, we are writing inline JavaScript.
16:29
Right, we are writing inline JavaScript.
16:29
Right, we are writing inline JavaScript. So these will be placed there only and
16:32
So these will be placed there only and
16:32
So these will be placed there only and it will execute on these particular web
16:34
it will execute on these particular web
16:34
it will execute on these particular web page and on this particular entity
16:37
page and on this particular entity
16:37
page and on this particular entity forms. Okay, these script won't be
16:39
forms. Okay, these script won't be
16:39
forms. Okay, these script won't be available into the other places. Right?
16:42
available into the other places. Right?
16:42
available into the other places. Right? But now let's say if we want to make a
16:45
But now let's say if we want to make a
16:45
But now let's say if we want to make a library JavaScript library that can be
16:47
library JavaScript library that can be
16:48
library JavaScript library that can be referred on the multiple places on the
16:51
referred on the multiple places on the
16:51
referred on the multiple places on the multiple web pages or multiple entity
16:53
multiple web pages or multiple entity
16:54
multiple web pages or multiple entity form. So in that case we can create web
16:58
form. So in that case we can create web
16:58
form. So in that case we can create web files. So there is a in you know power
17:01
files. So there is a in you know power
17:01
files. So there is a in you know power pages management uh application. So
17:03
pages management uh application. So
17:03
pages management uh application. So there is a modeldriven app right in for
17:06
there is a modeldriven app right in for
17:06
there is a modeldriven app right in for the power pages Microsoft provides a
17:09
the power pages Microsoft provides a
17:09
the power pages Microsoft provides a modeldriven app. Under that we have a
17:11
modeldriven app. Under that we have a
17:11
modeldriven app. Under that we have a option that we can add web files and in
17:15
option that we can add web files and in
17:15
option that we can add web files and in the web files we can create our files
17:18
the web files we can create our files
17:18
the web files we can create our files and we can upload the JavaScript. So
17:20
and we can upload the JavaScript. So
17:20
and we can upload the JavaScript. So there is a attachment option. We can use
17:22
there is a attachment option. We can use
17:22
there is a attachment option. We can use that attachment option that okay we have
17:24
that attachment option that okay we have
17:24
that attachment option that okay we have this file and we want to upload it as a
17:27
this file and we want to upload it as a
17:27
this file and we want to upload it as a attachment or we can also place that in
17:29
attachment or we can also place that in
17:29
attachment or we can also place that in line if required. But when you will add
17:32
line if required. But when you will add
17:32
line if required. But when you will add this JavaScript like this so it will
17:35
this JavaScript like this so it will
17:35
this JavaScript like this so it will become a JavaScript library. Okay. So it
17:38
become a JavaScript library. Okay. So it
17:38
become a JavaScript library. Okay. So it can be referred on the web pages entity
17:40
can be referred on the web pages entity
17:40
can be referred on the web pages entity forms and all the web templates or
17:43
forms and all the web templates or
17:43
forms and all the web templates or anywhere you can refer them. So once
17:46
anywhere you can refer them. So once
17:46
anywhere you can refer them. So once this is saved you can refer them like
17:49
this is saved you can refer them like
17:49
this is saved you can refer them like this. So you can mention that script and
17:51
this. So you can mention that script and
17:51
this. So you can mention that script and screen and then you can write the web
17:53
screen and then you can write the web
17:53
screen and then you can write the web files and then name of your file. So for
17:56
files and then name of your file. So for
17:56
files and then name of your file. So for example if it's say common.js you can
17:58
example if it's say common.js you can
17:58
example if it's say common.js you can write that and then you can this is a
18:01
write that and then you can this is a
18:01
write that and then you can this is a standard way like you know just like you
18:03
standard way like you know just like you
18:03
standard way like you know just like you refer in any web page when you have some
18:05
refer in any web page when you have some
18:06
refer in any web page when you have some JavaScript library you want to refer
18:08
JavaScript library you want to refer
18:08
JavaScript library you want to refer them on the web pages so you include
18:10
them on the web pages so you include
18:10
them on the web pages so you include that reference like this only. Okay. So
18:13
that reference like this only. Okay. So
18:13
that reference like this only. Okay. So same way here we can refer our web
18:16
same way here we can refer our web
18:16
same way here we can refer our web files. So this this way we can create
18:19
files. So this this way we can create
18:19
files. So this this way we can create our reusable file which can be referred
18:22
our reusable file which can be referred
18:22
our reusable file which can be referred into multiple places.
18:28
Okay. Now
18:31
Okay. Now
18:31
Okay. Now we know that in the modeldriven app we
18:34
we know that in the modeldriven app we
18:34
we know that in the modeldriven app we have different events that is exposed.
18:36
have different events that is exposed.
18:36
have different events that is exposed. If you are already worked with the
18:38
If you are already worked with the
18:38
If you are already worked with the modeldriven app so there are different
18:41
modeldriven app so there are different
18:41
modeldriven app so there are different you know events that is exposed where we
18:43
you know events that is exposed where we
18:43
you know events that is exposed where we can apply JavaScript. Okay. So in coming
18:45
can apply JavaScript. Okay. So in coming
18:45
can apply JavaScript. Okay. So in coming session we will be starting on the
18:47
session we will be starting on the
18:47
session we will be starting on the customizations where we'll be discussing
18:49
customizations where we'll be discussing
18:49
customizations where we'll be discussing how we can apply JavaScript on the
18:52
how we can apply JavaScript on the
18:52
how we can apply JavaScript on the Microsoft firstparty applications. But
18:54
Microsoft firstparty applications. But
18:54
Microsoft firstparty applications. But here on these pages on the web pages
18:58
here on these pages on the web pages
18:58
here on these pages on the web pages let's say if you want to you know
19:01
let's say if you want to you know
19:01
let's say if you want to you know include our JavaScript based on
19:04
include our JavaScript based on
19:04
include our JavaScript based on particular event. So we we want to say
19:07
particular event. So we we want to say
19:07
particular event. So we we want to say that let's say for example I have a
19:09
that let's say for example I have a
19:09
that let's say for example I have a requirement okay when you know I have
19:12
requirement okay when you know I have
19:12
requirement okay when you know I have let's say one text field and I'm saying
19:14
let's say one text field and I'm saying
19:14
let's say one text field and I'm saying that when someone will change value of
19:16
that when someone will change value of
19:16
that when someone will change value of this text field then I want to execute
19:18
this text field then I want to execute
19:18
this text field then I want to execute my code okay or if there is a button
19:21
my code okay or if there is a button
19:21
my code okay or if there is a button that I have created when someone will
19:23
that I have created when someone will
19:23
that I have created when someone will click on that button that time I want to
19:26
click on that button that time I want to
19:26
click on that button that time I want to execute my code so then we can utilize
19:29
execute my code so then we can utilize
19:29
execute my code so then we can utilize these custom actions to put our code so
19:33
these custom actions to put our code so
19:33
these custom actions to put our code so for example this one is for
19:35
for example this one is for
19:35
for example this one is for page load which is basically used simply
19:38
page load which is basically used simply
19:38
page load which is basically used simply like you know document ready that when
19:40
like you know document ready that when
19:40
like you know document ready that when that you know complete page is loaded
19:43
that you know complete page is loaded
19:43
that you know complete page is loaded okay let's apply our code so which maybe
19:46
okay let's apply our code so which maybe
19:46
okay let's apply our code so which maybe let's say if you want to display
19:47
let's say if you want to display
19:48
let's say if you want to display something on the header or render
19:50
something on the header or render
19:50
something on the header or render something on the web page or you want to
19:52
something on the web page or you want to
19:52
something on the web page or you want to hide some fields depending on check okay
19:54
hide some fields depending on check okay
19:54
hide some fields depending on check okay based on the user okay what is the user
19:57
based on the user okay what is the user
19:57
based on the user okay what is the user web roles depending on that you want to
19:59
web roles depending on that you want to
19:59
web roles depending on that you want to hide some fields so then in this place
20:02
hide some fields so then in this place
20:02
hide some fields so then in this place you can apply your JavaScript script.
20:05
you can apply your JavaScript script.
20:05
you can apply your JavaScript script. Okay.
20:06
Okay.
20:06
Okay. And then for the field one, we can have
20:10
And then for the field one, we can have
20:10
And then for the field one, we can have like field name and then on and then we
20:12
like field name and then on and then we
20:12
like field name and then on and then we can refer change and then function and
20:15
can refer change and then function and
20:16
can refer change and then function and then our JavaScript. So this will bound
20:19
then our JavaScript. So this will bound
20:19
then our JavaScript. So this will bound that change event with your text field.
20:22
that change event with your text field.
20:22
that change event with your text field. So when the someone will change value of
20:24
So when the someone will change value of
20:24
So when the someone will change value of this text field then whatever code you
20:27
this text field then whatever code you
20:27
this text field then whatever code you have written that will execute. Okay. So
20:31
have written that will execute. Okay. So
20:31
have written that will execute. Okay. So this is how we can bound that field on
20:33
this is how we can bound that field on
20:33
this is how we can bound that field on change event on the web page. And
20:36
change event on the web page. And
20:36
change event on the web page. And similar to that if we have any button
20:38
similar to that if we have any button
20:38
similar to that if we have any button and we want to write our button code we
20:41
and we want to write our button code we
20:41
and we want to write our button code we can simply say that you know just like
20:42
can simply say that you know just like
20:42
can simply say that you know just like for example this is a id of the button
20:45
for example this is a id of the button
20:45
for example this is a id of the button submit button and then on click I want
20:47
submit button and then on click I want
20:47
submit button and then on click I want to execute alert submit clicked. Okay.
20:51
to execute alert submit clicked. Okay.
20:51
to execute alert submit clicked. Okay. Or whatever if you want to create you
20:53
Or whatever if you want to create you
20:53
Or whatever if you want to create you know record into uh you know uh your uh
20:57
know record into uh you know uh your uh
20:57
know record into uh you know uh your uh some uh uh table and using the web API
21:01
some uh uh table and using the web API
21:01
some uh uh table and using the web API we can also write that code here on this
21:03
we can also write that code here on this
21:03
we can also write that code here on this button. Okay. So these are the uh thing
21:06
button. Okay. So these are the uh thing
21:06
button. Okay. So these are the uh thing uh there that is the way where basically
21:08
uh there that is the way where basically
21:08
uh there that is the way where basically we can write our custom events and we
21:11
we can write our custom events and we
21:11
we can write our custom events and we can use them on the web pages to perform
21:14
can use them on the web pages to perform
21:14
can use them on the web pages to perform these actions. Okay. Now uh these this
21:18
these actions. Okay. Now uh these this
21:18
these actions. Okay. Now uh these this is what we wanted to you know uh discuss
21:22
is what we wanted to you know uh discuss
21:22
is what we wanted to you know uh discuss today. Let's see all this in the demo.
21:25
today. Let's see all this in the demo.
21:25
today. Let's see all this in the demo. So I will pass my to my friend Winkit
21:27
So I will pass my to my friend Winkit
21:27
So I will pass my to my friend Winkit and he will show you demo on these
21:29
and he will show you demo on these
21:29
and he will show you demo on these things.
21:31
things.
21:31
things. Okay
21:33
Okay
21:33
Okay you
21:36
you
21:36
you thank you.
21:37
thank you.
21:38
thank you. Let me share my screen.
21:48
So hope you can see my screen. We are
21:51
So hope you can see my screen. We are
21:51
So hope you can see my screen. We are not we are not able to see yet.
21:59
Still seeing the demo. My last slide.
22:10
Yeah, still we cannot see it here yet.
22:13
Yeah, still we cannot see it here yet.
22:14
Yeah, still we cannot see it here yet. Let me share again.
22:17
Let me share again.
22:17
Let me share again. Okay, maybe you can retry to do that.
22:19
Okay, maybe you can retry to do that.
22:19
Okay, maybe you can retry to do that. Stop and share again.
22:21
Stop and share again.
22:22
Stop and share again. Yes. Yes, I did that.
22:25
Yes. Yes, I did that.
22:26
Yes. Yes, I did that. Okay. Sometime there is some
22:29
Okay. Sometime there is some
22:29
Okay. Sometime there is some no still not visible.
22:39
I still see my PPT.
22:52
Okay, maybe you can check that if there
22:53
Okay, maybe you can check that if there
22:53
Okay, maybe you can check that if there is anything else blocking your screen
22:55
is anything else blocking your screen
22:56
is anything else blocking your screen sharing.
23:05
Yeah, sometime if that's uh there's some
23:09
Yeah, sometime if that's uh there's some
23:09
Yeah, sometime if that's uh there's some other things that is blocking your
23:11
other things that is blocking your
23:11
other things that is blocking your screen sharing
23:13
screen sharing
23:13
screen sharing which I think if there is any media
23:15
which I think if there is any media
23:15
which I think if there is any media stream that's going on
23:22
now
23:25
uh
23:27
uh
23:27
uh still not
23:37
Still I see my demo slide only.
23:51
Maybe you can close all the application
23:53
Maybe you can close all the application
23:53
Maybe you can close all the application if there is any other application open
23:56
if there is any other application open
23:56
if there is any other application open in case they are blocking it.
24:02
Yeah, let me rejoin again. Right. Yeah.
24:05
Yeah, let me rejoin again. Right. Yeah.
24:05
Yeah, let me rejoin again. Right. Yeah. Okay. Sure. No worries.
24:09
Okay. So, we are having a little bit
24:11
Okay. So, we are having a little bit
24:11
Okay. So, we are having a little bit issue here. Wet having some issue on
24:14
issue here. Wet having some issue on
24:14
issue here. Wet having some issue on screen sharing. So, he's just uh trying
24:16
screen sharing. So, he's just uh trying
24:16
screen sharing. So, he's just uh trying to rejoin here.
24:19
to rejoin here.
24:19
to rejoin here. So, once he will rejoin then we will
24:21
So, once he will rejoin then we will
24:21
So, once he will rejoin then we will discuss all that things. So we'll see
24:23
discuss all that things. So we'll see
24:23
discuss all that things. So we'll see that how we can write our uh you know
24:26
that how we can write our uh you know
24:26
that how we can write our uh you know javascript on the different places that
24:28
javascript on the different places that
24:28
javascript on the different places that I discuss and how we can apply on these
24:31
I discuss and how we can apply on these
24:31
I discuss and how we can apply on these and what are the different type of
24:33
and what are the different type of
24:33
and what are the different type of validation that we can use. Okay. So we
24:37
validation that we can use. Okay. So we
24:37
validation that we can use. Okay. So we will showcase this on that.
24:47
Yeah sometime it happens. Okay, blanket
24:49
Yeah sometime it happens. Okay, blanket
24:49
Yeah sometime it happens. Okay, blanket I see that you are you have rejoined.
24:53
I see that you are you have rejoined.
24:53
I see that you are you have rejoined. Just try to
24:55
Just try to
24:55
Just try to connect and try to share your screen
24:57
connect and try to share your screen
24:57
connect and try to share your screen again.
25:05
Are you there?
25:08
Are you there?
25:08
Are you there? Yes. Yes. Can you Yeah, I think uh
25:13
Yes. Yes. Can you Yeah, I think uh
25:13
Yes. Yes. Can you Yeah, I think uh yeah, I can see something. Yep. Now we
25:16
yeah, I can see something. Yep. Now we
25:16
yeah, I can see something. Yep. Now we see that uh session. So yeah, maybe you
25:20
see that uh session. So yeah, maybe you
25:20
see that uh session. So yeah, maybe you can share. Uh
25:22
can share. Uh
25:22
can share. Uh yeah, can you see my portals?
25:25
yeah, can you see my portals?
25:26
yeah, can you see my portals? Yeah. Yep. Yep. Yep. You can see that
25:28
Yeah. Yep. Yep. Yep. You can see that
25:28
Yeah. Yep. Yep. Yep. You can see that portal you know clear gases thing. Okay.
25:32
portal you know clear gases thing. Okay.
25:32
portal you know clear gases thing. Okay. Yes. Yes. Okay. that
25:36
Yes. Yes. Okay. that
25:36
Yes. Yes. Okay. that so now what uh we are going to do was uh
25:39
so now what uh we are going to do was uh
25:40
so now what uh we are going to do was uh so in this particular navigation right
25:41
so in this particular navigation right
25:41
so in this particular navigation right just I'm going to uh create one page
25:45
just I'm going to uh create one page
25:45
just I'm going to uh create one page okay so with that just I'll keep it as
25:48
okay so with that just I'll keep it as
25:48
okay so with that just I'll keep it as an uh
25:52
that
25:54
that
25:54
that information
25:57
page
26:04
And then I'll click on add. This time
26:06
And then I'll click on add. This time
26:06
And then I'll click on add. This time I'm adding it here. I'll take one
26:10
I'm adding it here. I'll take one
26:10
I'm adding it here. I'll take one particular form.
26:16
Choose something
26:24
this one.
26:30
Okay. So, uh
26:34
Okay. So, uh
26:34
Okay. So, uh if I see this one
26:38
here just what I took right uh I took
26:41
here just what I took right uh I took
26:41
here just what I took right uh I took one particular page in that particular
26:42
one particular page in that particular
26:42
one particular page in that particular I'm sorry to interrupt the bank. Can you
26:44
I'm sorry to interrupt the bank. Can you
26:44
I'm sorry to interrupt the bank. Can you please be a little louder?
26:46
please be a little louder?
26:46
please be a little louder? Yeah, just I took one particular page in
26:49
Yeah, just I took one particular page in
26:49
Yeah, just I took one particular page in that particular page. Uh I have added
26:52
that particular page. Uh I have added
26:52
that particular page. Uh I have added this particular form control. in this
26:54
this particular form control. in this
26:54
this particular form control. in this particular form control uh right just
26:57
particular form control uh right just
26:57
particular form control uh right just this is on the address table in this
27:00
this is on the address table in this
27:00
this is on the address table in this particular address table I have given
27:02
particular address table I have given
27:02
particular address table I have given these particular details so just I'm
27:04
these particular details so just I'm
27:04
these particular details so just I'm going to give the permissions for this
27:06
going to give the permissions for this
27:06
going to give the permissions for this one like I'll give this uh read update
27:09
one like I'll give this uh read update
27:09
one like I'll give this uh read update create delete and I'm going to add the
27:11
create delete and I'm going to add the
27:11
create delete and I'm going to add the roles administrators and authenticated
27:14
roles administrators and authenticated
27:14
roles administrators and authenticated users and I'm clicking on save
27:19
users and I'm clicking on save
27:19
users and I'm clicking on save now just I'm clicking on sync
27:23
now just I'm clicking on sync
27:23
now just I'm clicking on sync so that uh my particular uh page will
27:27
so that uh my particular uh page will
27:27
so that uh my particular uh page will gets the updates.
27:34
Okay. Now if I'm going to back to here.
27:41
Okay. I see my particular uh test page
27:44
Okay. I see my particular uh test page
27:44
Okay. I see my particular uh test page is uh present. Now what I am going to do
27:48
is uh present. Now what I am going to do
27:48
is uh present. Now what I am going to do right just uh in it. So first this is
27:52
right just uh in it. So first this is
27:52
right just uh in it. So first this is how we are going to inspect any
27:54
how we are going to inspect any
27:54
how we are going to inspect any particular element. So my intent here
27:56
particular element. So my intent here
27:56
particular element. So my intent here was just I'm going to play around here
27:59
was just I'm going to play around here
27:59
was just I'm going to play around here on this particular uh state. Okay. So
28:02
on this particular uh state. Okay. So
28:02
on this particular uh state. Okay. So before that uh
28:07
let us go to the power apps uh studio.
28:12
Okay. So here if you go back to here in
28:15
Okay. So here if you go back to here in
28:15
Okay. So here if you go back to here in the power apps management here you see
28:19
the power apps management here you see
28:19
the power apps management here you see this different particular web pages that
28:21
this different particular web pages that
28:21
this different particular web pages that are present.
28:23
are present.
28:23
are present. So let us see whatever that uh web page
28:26
So let us see whatever that uh web page
28:26
So let us see whatever that uh web page that I have created is present or not.
28:28
that I have created is present or not.
28:28
that I have created is present or not. Yes it is present. Okay. Now
28:32
Yes it is present. Okay. Now
28:32
Yes it is present. Okay. Now if I go back to here like whatever the
28:35
if I go back to here like whatever the
28:35
if I go back to here like whatever the JavaScript file like whatever the
28:37
JavaScript file like whatever the
28:37
JavaScript file like whatever the customizations and the whatever the
28:39
customizations and the whatever the
28:39
customizations and the whatever the rules that we are going to keep it right
28:42
rules that we are going to keep it right
28:42
rules that we are going to keep it right that will come and sit here. Okay, this
28:45
that will come and sit here. Okay, this
28:45
that will come and sit here. Okay, this is one way of uh doing this one. So
28:48
is one way of uh doing this one. So
28:48
is one way of uh doing this one. So another way was just go back to here and
28:51
another way was just go back to here and
28:51
another way was just go back to here and click on this particular edit tool.
29:09
This is the online visuals uh code so
29:13
This is the online visuals uh code so
29:13
This is the online visuals uh code so that we are uh going to use it.
29:18
that we are uh going to use it.
29:18
that we are uh going to use it. So if you compare right whatever this
29:21
So if you compare right whatever this
29:21
So if you compare right whatever this advanced tab where this custom
29:23
advanced tab where this custom
29:23
advanced tab where this custom JavaScript is present this is nothing
29:25
JavaScript is present this is nothing
29:25
JavaScript is present this is nothing but here this custom JS that is present.
29:29
but here this custom JS that is present.
29:29
but here this custom JS that is present. So what I'm going to do it is just I'm
29:31
So what I'm going to do it is just I'm
29:31
So what I'm going to do it is just I'm trying to verify whether my script is
29:36
trying to verify whether my script is
29:36
trying to verify whether my script is loaded.
29:38
loaded.
29:38
loaded. So for that
29:42
this is what I'm going to keep it here.
29:47
Now what is that I have to do it was
29:50
Now what is that I have to do it was
29:50
Now what is that I have to do it was just I have to clear the particular
29:51
just I have to clear the particular
29:52
just I have to clear the particular cache
29:56
and then clear the config.
30:00
and then clear the config.
30:00
and then clear the config. Now come back to here
30:02
Now come back to here
30:02
Now come back to here and just observe
30:04
and just observe
30:04
and just observe this is my test page. This is nothing
30:06
this is my test page. This is nothing
30:06
this is my test page. This is nothing but just we have written that means
30:09
but just we have written that means
30:09
but just we have written that means whatever the JS
30:11
whatever the JS
30:11
whatever the JS okay whatever the particular content
30:14
okay whatever the particular content
30:14
okay whatever the particular content that we have written in this particular
30:16
that we have written in this particular
30:16
that we have written in this particular custom JS file if you observe right this
30:18
custom JS file if you observe right this
30:18
custom JS file if you observe right this is my page every page will have the CSS
30:20
is my page every page will have the CSS
30:20
is my page every page will have the CSS and JS file and the web page copy HTML
30:23
and JS file and the web page copy HTML
30:24
and JS file and the web page copy HTML in our previous sessions everything that
30:26
in our previous sessions everything that
30:26
in our previous sessions everything that we are playing around here in this
30:28
we are playing around here in this
30:28
we are playing around here in this particular
30:30
particular
30:30
particular HTML okay now in this particular session
30:33
HTML okay now in this particular session
30:33
HTML okay now in this particular session right we are going to play around with
30:35
right we are going to play around with
30:35
right we are going to play around with this particular
30:36
this particular
30:36
this particular JS file. Okay. Now
30:39
JS file. Okay. Now
30:39
JS file. Okay. Now what is that? Just I'm going to do
30:41
what is that? Just I'm going to do
30:41
what is that? Just I'm going to do right. So
30:45
right. So
30:45
right. So just you can inspect this one. So what
30:48
just you can inspect this one. So what
30:48
just you can inspect this one. So what is that is uh okay
30:53
is that is uh okay
30:53
is that is uh okay I wanted to populate this particular zip
30:55
I wanted to populate this particular zip
30:55
I wanted to populate this particular zip and poster code by default whenever my
30:58
and poster code by default whenever my
30:58
and poster code by default whenever my page uh gets uh loaded. So for that what
31:01
page uh gets uh loaded. So for that what
31:02
page uh gets uh loaded. So for that what is that we have to do it was we have to
31:03
is that we have to do it was we have to
31:03
is that we have to do it was we have to use the developer tools like this is the
31:08
use the developer tools like this is the
31:08
use the developer tools like this is the I edge that I am using it. So if you use
31:10
I edge that I am using it. So if you use
31:10
I edge that I am using it. So if you use it right this is the control that is
31:13
it right this is the control that is
31:13
it right this is the control that is present where we are going to inspect
31:15
present where we are going to inspect
31:16
present where we are going to inspect it. Okay. So here just I'll select in
31:18
it. Okay. So here just I'll select in
31:18
it. Okay. So here just I'll select in this chip code and just observe
31:23
here we have this ID as the post. Okay.
31:27
here we have this ID as the post. Okay.
31:27
here we have this ID as the post. Okay. So we have to come to here and see it.
31:30
So we have to come to here and see it.
31:30
So we have to come to here and see it. There are two ways of doing it is one by
31:33
There are two ways of doing it is one by
31:33
There are two ways of doing it is one by using the DOM and another one is by
31:36
using the DOM and another one is by
31:36
using the DOM and another one is by using uh jQuery. Okay. So first thing
31:39
using uh jQuery. Okay. So first thing
31:39
using uh jQuery. Okay. So first thing which I'm going to use is the DOM and uh
31:42
which I'm going to use is the DOM and uh
31:42
which I'm going to use is the DOM and uh plain uh HTML plane. Okay. This is
31:48
plain uh HTML plane. Okay. This is
31:48
plain uh HTML plane. Okay. This is document dot get element by id
32:10
is equal to
32:12
is equal to
32:12
is equal to I'm giving my skin point. Okay. So this
32:17
I'm giving my skin point. Okay. So this
32:17
I'm giving my skin point. Okay. So this is how just you can set this uh value.
32:21
is how just you can set this uh value.
32:21
is how just you can set this uh value. So just I am saving this one. So what is
32:24
So just I am saving this one. So what is
32:24
So just I am saving this one. So what is that I have done is I'm whenever this
32:28
that I have done is I'm whenever this
32:28
that I have done is I'm whenever this particular test page has been loading I
32:30
particular test page has been loading I
32:30
particular test page has been loading I want this particular zip code to be
32:33
want this particular zip code to be
32:34
want this particular zip code to be automatically filled. So if you observe
32:35
automatically filled. So if you observe
32:35
automatically filled. So if you observe right as of now this particular zip code
32:39
right as of now this particular zip code
32:39
right as of now this particular zip code does not have uh any value. Now I saved
32:43
does not have uh any value. Now I saved
32:43
does not have uh any value. Now I saved this one. I'm going back to here and
32:47
this one. I'm going back to here and
32:47
this one. I'm going back to here and click on clear cache.
32:51
Then the clear config.
32:55
Then the clear config.
32:55
Then the clear config. So clear cache you can do it that would
32:57
So clear cache you can do it that would
32:57
So clear cache you can do it that would be suffice. In case if you don't find
33:00
be suffice. In case if you don't find
33:00
be suffice. In case if you don't find the uh uh values or uh the things that
33:04
the uh uh values or uh the things that
33:04
the uh uh values or uh the things that are not getting reflected then you can
33:05
are not getting reflected then you can
33:05
are not getting reflected then you can go with the clear config. So just new
33:09
go with the clear config. So just new
33:09
go with the clear config. So just new can refresh this particular test page.
33:13
can refresh this particular test page.
33:13
can refresh this particular test page. Do you observe this file 84 has been uh
33:18
Do you observe this file 84 has been uh
33:18
Do you observe this file 84 has been uh set. Okay. Now um
33:23
set. Okay. Now um
33:23
set. Okay. Now um second way of doing it is now by using
33:26
second way of doing it is now by using
33:26
second way of doing it is now by using the jQuery.
33:28
the jQuery.
33:28
the jQuery. So for this do jQuery what we are going
33:31
So for this do jQuery what we are going
33:31
So for this do jQuery what we are going to do it is
33:35
we are going to do it here
33:41
and then here just we are going to keep
33:45
and then here just we are going to keep
33:45
and then here just we are going to keep it here as
33:49
I will change this value.
34:01
Now
34:04
Now
34:04
Now the side.
34:19
Now if I click on this one just observe
34:22
Now if I click on this one just observe
34:22
Now if I click on this one just observe right previously we have used the normal
34:24
right previously we have used the normal
34:24
right previously we have used the normal document DOM element document get
34:27
document DOM element document get
34:27
document DOM element document get element by id and uh we have tried to
34:30
element by id and uh we have tried to
34:30
element by id and uh we have tried to update this one. Now I have used the
34:33
update this one. Now I have used the
34:33
update this one. Now I have used the jQuery
34:34
jQuery
34:34
jQuery to make this value with another value.
34:37
to make this value with another value.
34:37
to make this value with another value. If you observe I have this one. So just
34:40
If you observe I have this one. So just
34:40
If you observe I have this one. So just if you observe this is how you can uh do
34:44
if you observe this is how you can uh do
34:44
if you observe this is how you can uh do that particular uh details of it. Now
34:54
I wanted to perform uh hiding.
34:58
I wanted to perform uh hiding.
34:58
I wanted to perform uh hiding. Okay, hide this. So let us go back to
35:02
Okay, hide this. So let us go back to
35:02
Okay, hide this. So let us go back to here. I wanted to hide this state two.
35:05
here. I wanted to hide this state two.
35:05
here. I wanted to hide this state two. Okay, so for that again just go back to
35:08
Okay, so for that again just go back to
35:08
Okay, so for that again just go back to here
35:12
state two. Okay.
35:15
state two. Okay.
35:15
state two. Okay. So here id is the line two. So line two
35:20
So here id is the line two. So line two
35:20
So here id is the line two. So line two I have to create. Okay. So if you get
35:23
I have to create. Okay. So if you get
35:23
I have to create. Okay. So if you get the some kind of requirement saying that
35:26
the some kind of requirement saying that
35:26
the some kind of requirement saying that uh hide sum of sum out of box
35:35
fields. Okay. So what we are going to do
35:39
fields. Okay. So what we are going to do
35:39
fields. Okay. So what we are going to do it here was
35:45
we'll try to give this one.
36:16
We'll see.
36:31
In fact, I wanted to uh hide this
36:34
In fact, I wanted to uh hide this
36:34
In fact, I wanted to uh hide this particular line too.
36:37
particular line too.
36:37
particular line too. Let me save it.
37:15
So let us go back to here and see
37:19
So let us go back to here and see
37:19
So let us go back to here and see still this particular line to is
37:20
still this particular line to is
37:20
still this particular line to is present. So that means this is not being
37:24
present. So that means this is not being
37:24
present. So that means this is not being used. So let us try this.
38:16
If you observe the
38:20
If you observe the
38:20
If you observe the line two okay the input value line two
38:23
line two okay the input value line two
38:23
line two okay the input value line two is there right it has been hidden do you
38:26
is there right it has been hidden do you
38:26
is there right it has been hidden do you see this one style display none only
38:28
see this one style display none only
38:28
see this one style display none only whatever the thing that I am seeing it
38:30
whatever the thing that I am seeing it
38:30
whatever the thing that I am seeing it is just the test cell of it only okay
38:33
is just the test cell of it only okay
38:33
is just the test cell of it only okay but actual the particular value what is
38:37
but actual the particular value what is
38:37
but actual the particular value what is present right that is not present you
38:39
present right that is not present you
38:39
present right that is not present you see this is present and if I refresh it
38:46
then you don't see this particular
38:48
then you don't see this particular
38:48
then you don't see this particular field. So this is how right you can uh
38:51
field. So this is how right you can uh
38:51
field. So this is how right you can uh easily perform the show and hiding of
38:54
easily perform the show and hiding of
38:54
easily perform the show and hiding of any particular elements here.
38:59
any particular elements here.
38:59
any particular elements here. Now let us go back to here.
39:06
Now I wanted to perform some particular
39:10
Now I wanted to perform some particular
39:10
Now I wanted to perform some particular uh validation of it. Okay, that is
39:12
uh validation of it. Okay, that is
39:12
uh validation of it. Okay, that is nothing but uh the onchange of it.
39:23
Okay,
39:27
this is my submit button. Uh if I see
39:30
this is my submit button. Uh if I see
39:30
this is my submit button. Uh if I see this particular value, this is my insert
39:33
this particular value, this is my insert
39:33
this particular value, this is my insert button. Okay, this is the ID.
39:38
So what I'm going to perform is on the
39:41
So what I'm going to perform is on the
39:41
So what I'm going to perform is on the click of this button, I'm going to see
39:43
click of this button, I'm going to see
39:43
click of this button, I'm going to see for this particular postal code value I
39:46
for this particular postal code value I
39:46
for this particular postal code value I have uh the value which is which length
39:49
have uh the value which is which length
39:49
have uh the value which is which length whose length is uh greater than
39:54
whose length is uh greater than
39:54
whose length is uh greater than say six okay or equal to six if it is
39:57
say six okay or equal to six if it is
39:57
say six okay or equal to six if it is less than six or greater than six then I
40:01
less than six or greater than six then I
40:01
less than six or greater than six then I have to provide one particular error. So
40:03
have to provide one particular error. So
40:04
have to provide one particular error. So how we are going to do it is uh by
40:06
how we are going to do it is uh by
40:06
how we are going to do it is uh by giving like this. Okay, I'm going to use
40:09
giving like this. Okay, I'm going to use
40:09
giving like this. Okay, I'm going to use the jQuery only. So insert button
40:13
the jQuery only. So insert button
40:13
the jQuery only. So insert button dot uh click
40:21
and here just I'm going to use
40:31
Okay.
40:35
So,
41:05
So what I'm going to do it is uh just I
41:08
So what I'm going to do it is uh just I
41:08
So what I'm going to do it is uh just I am uh
41:11
am uh
41:11
am uh do
41:14
it is not equal to six.
41:17
it is not equal to six.
41:17
it is not equal to six. Okay. Then what I'm going to doing is uh
41:21
Okay. Then what I'm going to doing is uh
41:21
Okay. Then what I'm going to doing is uh I am going to use this uh e dot prevent
41:24
I am going to use this uh e dot prevent
41:24
I am going to use this uh e dot prevent uh default method
41:31
and then just I'm giving an alert
41:35
and then just I'm giving an alert
41:35
and then just I'm giving an alert saying that
41:38
saying that
41:38
saying that please enter
41:40
please enter
41:40
please enter SDZ
41:44
type.
41:47
[Music]
41:57
So now
42:00
So now
42:00
So now I'm going to clear this particular cash
42:31
Okay. So just I I'm vering whether I
42:35
Okay. So just I I'm vering whether I
42:35
Okay. So just I I'm vering whether I have received any particular errors. So
42:37
have received any particular errors. So
42:38
have received any particular errors. So I don't find this particular errors. So
42:40
I don't find this particular errors. So
42:40
I don't find this particular errors. So now what I'm going to do it is uh
42:52
provide this capture.
43:00
Do you see this one? Please enter
43:02
Do you see this one? Please enter
43:02
Do you see this one? Please enter sixdigit postal code only.
43:12
Okay.
43:13
Okay.
43:13
Okay. So just it uh when I clicked on this one
43:16
So just it uh when I clicked on this one
43:16
So just it uh when I clicked on this one again it came back. So you can also do
43:18
again it came back. So you can also do
43:18
again it came back. So you can also do that one if at all any particular error
43:20
that one if at all any particular error
43:20
that one if at all any particular error comes right just uh simply you can uh
43:23
comes right just uh simply you can uh
43:23
comes right just uh simply you can uh see that uh uh one. Okay. You can use
43:27
see that uh uh one. Okay. You can use
43:27
see that uh uh one. Okay. You can use this uh focus function also to go to
43:31
this uh focus function also to go to
43:31
this uh focus function also to go to this uh particular uh uh jQuery element.
43:46
like how we are going to do it is
43:53
dot focus.
44:01
Now let us uh click here. Just I clear
44:04
Now let us uh click here. Just I clear
44:04
Now let us uh click here. Just I clear the cash.
44:10
Now just I'm refreshing this one page.
44:15
Now just I'm refreshing this one page.
44:15
Now just I'm refreshing this one page. This is just page.
44:19
Okay. So now
44:24
this one
44:35
you see this one
44:38
you see this one
44:38
you see this one the details have been uh kept like uh
44:41
the details have been uh kept like uh
44:41
the details have been uh kept like uh this one. Okay. So there was an unknown
44:45
this one. Okay. So there was an unknown
44:45
this one. Okay. So there was an unknown failure because uh just I have kept this
44:48
failure because uh just I have kept this
44:48
failure because uh just I have kept this ec default and then if you can given
44:52
ec default and then if you can given
44:52
ec default and then if you can given this return also then we should be uh
44:56
this return also then we should be uh
44:56
this return also then we should be uh should come back.
45:33
So like this uh you can easily get that
45:35
So like this uh you can easily get that
45:35
So like this uh you can easily get that particular uh focus and then uh get the
45:38
particular uh focus and then uh get the
45:38
particular uh focus and then uh get the details. So this is how simply you can
45:41
details. So this is how simply you can
45:41
details. So this is how simply you can uh perform uh any particular uh
45:44
uh perform uh any particular uh
45:44
uh perform uh any particular uh validations of it.
45:47
validations of it.
45:47
validations of it. And now going to this particular uh web
45:49
And now going to this particular uh web
45:49
And now going to this particular uh web file how we are going to add this
45:51
file how we are going to add this
45:51
file how we are going to add this particular web file. So go back to this
45:53
particular web file. So go back to this
45:53
particular web file. So go back to this particular uh management studio and then
45:57
particular uh management studio and then
45:57
particular uh management studio and then uh so this uh power pages management uh
46:01
uh so this uh power pages management uh
46:01
uh so this uh power pages management uh here in this particular pages you will
46:03
here in this particular pages you will
46:03
here in this particular pages you will see this particular web page. Now what
46:06
see this particular web page. Now what
46:06
see this particular web page. Now what we are going to do it is we are going to
46:07
we are going to do it is we are going to
46:07
we are going to do it is we are going to use one particular common JS file where
46:10
use one particular common JS file where
46:10
use one particular common JS file where I'm going just to use it here. So common
46:15
I'm going just to use it here. So common
46:15
I'm going just to use it here. So common Okay.
46:23
And I'm using this one page. And I'm
46:26
And I'm using this one page. And I'm
46:26
And I'm using this one page. And I'm going to use uh
46:31
homepage.js.
46:43
So now there are some fields are there.
46:46
So now there are some fields are there.
46:46
So now there are some fields are there. This is publishing state. So generally
46:48
This is publishing state. So generally
46:48
This is publishing state. So generally we have to use this publish to
46:52
we have to use this publish to
46:52
we have to use this publish to if at all we feel this particular GS
46:54
if at all we feel this particular GS
46:54
if at all we feel this particular GS file is uh uh ready. Now I can perform
46:59
file is uh uh ready. Now I can perform
46:59
file is uh uh ready. Now I can perform whatever the content file that is
47:01
whatever the content file that is
47:01
whatever the content file that is present right. I can use this particular
47:03
present right. I can use this particular
47:03
present right. I can use this particular file content also.
47:07
file content also.
47:07
file content also. There are two things as an attachment
47:08
There are two things as an attachment
47:08
There are two things as an attachment content disposition and the content as
47:11
content disposition and the content as
47:11
content disposition and the content as an online. So I can also use the cloud
47:13
an online. So I can also use the cloud
47:13
an online. So I can also use the cloud blob address for mentioning this
47:15
blob address for mentioning this
47:16
blob address for mentioning this particular common.js file content or I
47:19
particular common.js file content or I
47:19
particular common.js file content or I can use this file content as well. So
47:22
can use this file content as well. So
47:22
can use this file content as well. So individually I can use this summary as a
47:24
individually I can use this summary as a
47:24
individually I can use this summary as a HTML page also this one hello or
47:28
HTML page also this one hello or
47:28
HTML page also this one hello or miscellaneous these are all present and
47:30
miscellaneous these are all present and
47:30
miscellaneous these are all present and I this is not my master right now as
47:33
I this is not my master right now as
47:33
I this is not my master right now as this particular web file is being is
47:35
this particular web file is being is
47:35
this particular web file is being is present right now I can go directly into
47:37
present right now I can go directly into
47:37
present right now I can go directly into this particular web pages and then
47:43
use this uh particular file
48:00
like this.
48:21
So in this way right you can uh easily
48:24
So in this way right you can uh easily
48:24
So in this way right you can uh easily use refer your common JS file inside
48:27
use refer your common JS file inside
48:27
use refer your common JS file inside another uh JS. So let us test this
48:30
another uh JS. So let us test this
48:30
another uh JS. So let us test this particular one.
48:48
If you click on this
49:05
There was one particular
49:18
Let's
49:23
go back to
49:27
go back to the sources you see here.
50:22
test page. Now this particular page will
50:25
test page. Now this particular page will
50:25
test page. Now this particular page will have that particular common JS file is
50:27
have that particular common JS file is
50:27
have that particular common JS file is also that is being present. There is
50:30
also that is being present. There is
50:30
also that is being present. There is also one of the other common
50:32
also one of the other common
50:32
also one of the other common requirements right. So we can add this
50:35
requirements right. So we can add this
50:35
requirements right. So we can add this onchange events. So as I explained here
50:38
onchange events. So as I explained here
50:38
onchange events. So as I explained here is an uh on click event right. So in the
50:41
is an uh on click event right. So in the
50:41
is an uh on click event right. So in the same way we can use this uh onchange
50:44
same way we can use this uh onchange
50:44
same way we can use this uh onchange event. Okay. So what I'm going to do it
50:48
event. Okay. So what I'm going to do it
50:48
event. Okay. So what I'm going to do it is just I'm going to use
50:54
zip on
50:56
zip on
50:56
zip on and then it is a change.
50:59
and then it is a change.
50:59
and then it is a change. Now I'm going to use here the function.
51:37
Let me clear my
51:45
clear my
51:51
refresh my test page.
51:56
So
51:59
do you see this one? So whenever I
52:02
do you see this one? So whenever I
52:02
do you see this one? So whenever I remove uh so any value on this
52:04
remove uh so any value on this
52:04
remove uh so any value on this particular postal code has been changed
52:07
particular postal code has been changed
52:07
particular postal code has been changed right then this script has been fixed.
52:10
right then this script has been fixed.
52:10
right then this script has been fixed. If you go back and see it here my code
52:12
If you go back and see it here my code
52:12
If you go back and see it here my code here. So this is my ID on this is my
52:16
here. So this is my ID on this is my
52:16
here. So this is my ID on this is my change. Okay. So here I can uh I go and
52:20
change. Okay. So here I can uh I go and
52:20
change. Okay. So here I can uh I go and get this particular details. Okay, I can
52:23
get this particular details. Okay, I can
52:23
get this particular details. Okay, I can also write this I can uh copy this uh
52:26
also write this I can uh copy this uh
52:26
also write this I can uh copy this uh postal code uh to this particular street
52:29
postal code uh to this particular street
52:29
postal code uh to this particular street view as well by getting that particular
52:32
view as well by getting that particular
52:32
view as well by getting that particular uh details.
52:34
uh details.
52:34
uh details. So we can also do that by giving by
52:37
So we can also do that by giving by
52:37
So we can also do that by giving by taking this uh street it is nothing but
52:41
taking this uh street it is nothing but
52:41
taking this uh street it is nothing but uh the ID here
52:45
uh the ID here
52:45
uh the ID here is the line one. So just I'll go here
52:48
is the line one. So just I'll go here
52:48
is the line one. So just I'll go here and say that
53:10
I can get this particular value.
53:34
And then you can add it here.
54:00
I can
54:02
I can
54:02
I can switch my page.
54:07
See, observe my street one does not have
54:09
See, observe my street one does not have
54:09
See, observe my street one does not have any value. Now I'm going to uh change
54:13
any value. Now I'm going to uh change
54:13
any value. Now I'm going to uh change it.
54:16
it.
54:16
it. You see this the postal code followed by
54:19
You see this the postal code followed by
54:19
You see this the postal code followed by this 50017.
54:21
this 50017.
54:21
this 50017. Okay, this is how you can easily work on
54:24
Okay, this is how you can easily work on
54:24
Okay, this is how you can easily work on your custom components and the custom
54:26
your custom components and the custom
54:26
your custom components and the custom codes. Here in this particular demo, I
54:29
codes. Here in this particular demo, I
54:29
codes. Here in this particular demo, I showed this different events like on on
54:31
showed this different events like on on
54:32
showed this different events like on on click and assigning value and providing
54:34
click and assigning value and providing
54:34
click and assigning value and providing this validation and how you can click
54:36
this validation and how you can click
54:36
this validation and how you can click this particular how you can include any
54:39
this particular how you can include any
54:39
this particular how you can include any particular JS files uh other you can uh
54:43
particular JS files uh other you can uh
54:43
particular JS files uh other you can uh refer any other common JS files into uh
54:46
refer any other common JS files into uh
54:46
refer any other common JS files into uh here. So with this right uh the demo
54:49
here. So with this right uh the demo
54:49
here. So with this right uh the demo gets reduced. This is how you can
54:51
gets reduced. This is how you can
54:51
gets reduced. This is how you can perform any of your custom uh
54:54
perform any of your custom uh
54:54
perform any of your custom uh validations or custom u scripts that you
54:58
validations or custom u scripts that you
54:58
validations or custom u scripts that you can do it inside this particular port
55:01
can do it inside this particular port
55:01
can do it inside this particular port O2.
55:07
Yeah, thank thank you Venit for
55:09
Yeah, thank thank you Venit for
55:09
Yeah, thank thank you Venit for explaining all this uh demo that we
55:12
explaining all this uh demo that we
55:12
explaining all this uh demo that we discussed today. So this is what we
55:14
discussed today. So this is what we
55:14
discussed today. So this is what we wanted to cover uh today's session. So
55:17
wanted to cover uh today's session. So
55:18
wanted to cover uh today's session. So thanks for joining us. Stay tuned for
55:20
thanks for joining us. Stay tuned for
55:20
thanks for joining us. Stay tuned for our next session where we will be
55:22
our next session where we will be
55:22
our next session where we will be bringing another topic and all of our
55:25
bringing another topic and all of our
55:25
bringing another topic and all of our past session are available on the sharp
55:28
past session are available on the sharp
55:28
past session are available on the sharp corner live TV. So you can watch all the
55:30
corner live TV. So you can watch all the
55:30
corner live TV. So you can watch all the sessions there. So feel free to watch
55:33
sessions there. So feel free to watch
55:33
sessions there. So feel free to watch there and share with your network.
55:35
there and share with your network.
55:35
there and share with your network. Thanks for joining us today. Thank you
55:37
Thanks for joining us today. Thank you
55:37
Thanks for joining us today. Thank you again.
55:42
[Music]