Share
Report
35Hi All,
PowerApps doesn't have hexagon shape available. I am trying to generate a hexagon shape using html code which will be embedded in HTML text input. I am not sure if PowerApps supports such functionality. By applying this code in HTML Text even though there is no error generated by the app maker but still I am not able to see the result. Can anybody help me what's wrong.
Following is the code:
"<!DOCTYPE html>"&
"<html lang=""en"">"&
"<head>"&
"<meta charset=""UTF-8"">"&
"<style>"&
"
body {
margin: 0;
display: flex;
height: 100vh;
align-items: center;
justify-content: flex-start;
background-color: #f0f0f0;
}
"&
"
.hexagon {
position: relative;
width: 100px;
height: 58px;
top: -420px;
right: -10px;
background-color: #3498db;
transform: rotate(90deg); /* Rotate 60 degrees for a right-facing hexagon */
}
"&
"
.hexagon:before,
"&
"
.hexagon:after {
content: '';
position: absolute;
width: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}
"&
"
.hexagon:before {
top: -28px;
border-bottom: 29px solid #3498db;
}
"&
"
.hexagon:after {
bottom: -28px;
border-top: 29px solid #3498db;
}
"&
"</style>"&
"</head>"&
"<body>"&
"<div class=""hexagon"">"&"</div>"&
"</body>"&
"</html>"
All responses (
Answers (
