html view details

AppSheet AppSheet Q&A
1

I have this html and I want to show it in my app, but I’ve already made some changes and it doesn’t show.

Dashboard body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }

.caixa {
width: “200px”;
height: 150px;
text-align: center;
padding: 20px;
border-radius: 10px;
margin: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.laranja {
background-color: orange;
color: white;
}

.azul {
background-color: blue;
color: white;
}

Total da Meta

R$ 10,000

Meta Realizado

R$ 7,500

it would have to appear like this

DEVIMPLOY_Autom_0-1696445306284.png
DEVIMPLOY_Autom_0-1696445306284.png811×444 8.23 KB

2

@GreenFlux .. hi my friend , could you help me … thanks!

3

Hi @DEVIMPLOY_Autom , I’ve been out of AppSheet development for a few years now, and I’ve never used the HTML view. Your code seems to work fine in CodePen. It might be a limitation in the HTML view feature of AppSheet.

1 Like
4

[quote=“GreenFlux”]
I’ve been out of AppSheet development for a few years now
[/quote]# :fearful:

5

AppSheet doesn’t support what you are trying to do.
The best you can do is to use an SVG image as an Image column

1 Like
6

@SkrOYC @GreenFlux
i got it! , thanks!

DEVIMPLOY_Autom_0-1698867059679.png
DEVIMPLOY_Autom_0-1698867059679.png499×499 18.5 KB

3 Likes
7

Hello my friend, I am having the same problem, I write the html svg codes to creare the images, but how can I display them and even manipulate the elements using data from my app?

Ive already used some SVG samples from the internet, such as qr codes, charts, progress bars and others, but I don’t know how to do it.
PS: I am using vs code editor.

8

Agora que eu vi que voce é brasileiro né kkkk está tudo em portugues nas imagens.

1 Like
9

Hey @DEVIMPLOY_Autom , what was the solution? Im trying to accomplish exactly the same.

I have the code the HTML code, just need the steps to show it.