Adugna Asrat
. 13/02/2023, 7:05 PM
How to format Table in Power automate
Here is video documentation and source codes
VIDEO
Table Format Script
< style >
table {
border : 1px solid #1C6EA4 ;
background-color : #EEEEEE ;
width : 100% ;
text-align : left ;
border-collapse : collapse ;
}
table td , table th {
border : 1px solid #AAAAAA ;
padding : 3px 2px ;
}
table tbody td {
font-size : 13px ;
}
table th {
background-color : #0f3d4d ;
border-bottom : 2px solid #444444 ;
}
table thead th {
font-size : 15px ;
font-weight : bold ;
color : #FFFFFF ;
border-left : 2px solid #D0E4F5 ;
}
table thead th:first-child {
border-left : none ;
}
h2 ,h3 ,h4 {
text-align : center ;
}
h3 {
margin-top : -36px ;
}
</ style >
< H2 > GXCAMP</ H2 >< br >
< h3 > Ethiopian Online learning</ h3 >
< table >< thead >< tr >< th > Full name
</ th >< th > Gender
</ th >< th > Date of birth
</ th >< th > Phone number
</ th >< th > Email address
</ th >< th > Emergency contact number
</ th >< th > Would you like to be our membership?
</ th ></ tr ></ thead >< tbody >< tr >< td > abadir ayalew
</ td >< td > Male
</ td >< td > 2023-02-07
</ td >< td > 358430853
</ td >< td > [email protected] </ td >< td > 358340583
</ td >< td > Yes
</ td ></ tr ></ tbody ></ table > < br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< hr >
< h4 > GXCAMP Ethiopian online learning & Training Email:
[email protected] Contact Us: +6155469005
</ h4 >
Form format code
< style >
/* Style inputs with type="text", select elements and textareas */
input [type =text ], select , textarea {
width : 100% ; /* Full width */
padding : 12px ; /* Some padding */
border : 1px solid #ccc ; /* Gray border */
border-radius : 4px ; /* Rounded borders */
box-sizing : border-box ; /* Make sure that padding and width stays in place */
margin-top : 6px ; /* Add a top margin */
margin-bottom : 16px ; /* Bottom margin */
resize : vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}
/* Style the submit button with a specific background color etc */
input [type =submit ] {
background-color : #04AA6D ;
color : white ;
padding : 12px 20px ;
border : none ;
border-radius : 4px ;
cursor : pointer ;
}
/* When moving the mouse over the submit button, add a darker green color */
input [type =submit ]:hover {
background-color : #45a049 ;
}
/* Add a background color and some padding around the form */
.container {
border-radius : 5px ;
background-color : #f2f2f2 ;
padding : 20px ;
}
form {
margin-left : 20% ;
margin-right : 20% ;;
margin-bottom : 5% ;;
margin-top : 5% ;
}
</ style >
< body >
< form action ="submit" >
< label for ="FullName" > Full Name</ label >< input type ="text" placeholder ="value" disabled >
< label for ="Gender" > Gender</ label >< input type ="text" placeholder ="value" disabled >
< label for ="dob" > Date of Birth</ label >< input type ="text" placeholder ="value" disabled >
< label for ="phone" > Phone Number</ label >< input type ="text" placeholder ="value" disabled >
< label for ="email" > Email Address</ label >< input type ="text" placeholder ="value" disabled >
< label for ="emergency" > Emargency Contact Number</ label > < input type ="text" placeholder ="value" disabled >
< label for ="membership" > wold you like to be our membership?</ label > < input type ="text" placeholder ="value" disabled >
</ form >
