I haveHow to add functionality in the UI Page

Hrishabh Kumar
Giga Guru

‎02-10-2023 02:15 AM

I have created a UI Page, I have used HTLM & CSS to create the UI. Now I want to add functionality in my UI Page for example : Add onclick function on the button, Get and set value of input field and much more.

How can I accomplish that.

I also need an understanding that how to use "Client Script" and "Processing Script" block.

 

Here is my HTLM and CSS code. 

<html lang="en">
<head>
<style>
p {
background-color : red;
}
body{
background-image : linear-gradient(to top right, #03051D , #222649 );
}
.main{
position: absolute;
top: 35vh;
left: 25vw;
display: flex;
position: relative;
width: max-content;
}
.child1{
margin-right: 5px;
}
.child2{
}
#input{
padding : 15px 20px;
border-radius : 5px;
border: none;
width: 40vw;
}
#button{
padding : 14px 4rem;
border: none;
border-radius: 5px;
font-weight: bold;
color: white;
background-image : linear-gradient(to top right, #FE7102 , #F11EFF );
}
</style>
</head>
<body>
<div class="main">
<div class="child1">
<input type="text" id="input" placeholder="what do you want"> </input>
</div>
<div class="child2">
<button id="button">Ask</button>
</div>
</div>
</body>
</html>

 

0 Helpfuls
  • 532 Views
1 REPLY 1

4b0d3
Giga Guru

‎02-10-2023 03:29 AM

From a learning aspect.   Go to UI Pages table.  use this query: processing_script!=NULL^client_script!=NULL  .
look through what already exists.

Chances are you'll only need to use  html, client script, with ajax script include.

0 Helpfuls