# Ocultar Senha

**URL:** https://community.glideapps.com/t/ocultar-senha/35414
**Category:** Ask for Help
**Created:** [December 2, 2021, 6:05pm UTC](https://community.glideapps.com/t/ocultar-senha/35414 "2021-12-02T18:05:38Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![Ti\_NovotempoRH](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ti_novotemporh/32/34723_2.png) [@Ti\_NovotempoRH](https://community.glideapps.com/u/Ti_NovotempoRH)
#### Post date: [December 2, 2021, 6:05pm UTC](https://community.glideapps.com/t/ocultar-senha/35414/1 "2021-12-02T18:05:38Z")

</div>

Queria algo para ocultar o campo ou mascarar com asterisco ao digitar a senha. Alguém tem alguma solução. Tentei via CSS mas não consegui.

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [December 2, 2021, 7:42pm UTC](https://community.glideapps.com/t/ocultar-senha/35414/2 "2021-12-02T19:42:50Z")

</div>

If you are talking about the built in password security, then it should already be masked when you type.  
If you are talking about creating your own password security, then no, there is no native way to mask the text in an entry component. Maybe there is a way with CSS or a much more complicated way by creating your own keypad with and inline list. I don’t have any examples of this though.

BUT…Since you had concerns about security in an earlier post…I feel obligated to mention, that creating your own password security or creating a sign in process that works around or avoids any of Glide’s secure sign in processes, is not secure at all. For a password system like that to work, all data would have to be downloaded to a user’s device to check if the password is valid or not. At that point, security of the data has already been breached because a copy of the data is already downloaded and someone with the right skills could find and expose all of that data in less than a minute.

If security of data is important, then I recommend never creating a sign in process that avoids the sign in option that glide provides. Also, in the documentation I shared in your other post, it’s best to use Private Pro if you need to restrict who will have access to the app in the first place. Also apply Row Owners for data that needs to stay secure among the certain users that do have access to the app.

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [December 2, 2021, 11:52pm UTC](https://community.glideapps.com/t/ocultar-senha/35414/3 "2021-12-02T23:52:14Z")

</div>

We do have a way to do that via CSS, but as you said, it looks like OP is trying to store password in the database and in no way would I recommend doing so.

---

<div class="post-metadata">

### Author: ![Ti\_NovotempoRH](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ti_novotemporh/32/34723_2.png) [@Ti\_NovotempoRH](https://community.glideapps.com/u/Ti_NovotempoRH)
#### Post date: [December 3, 2021, 1:22pm UTC](https://community.glideapps.com/t/ocultar-senha/35414/4 "2021-12-03T13:22:23Z")

</div>

Como seria o metodo via CSS ?

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [December 3, 2021, 1:33pm UTC](https://community.glideapps.com/t/ocultar-senha/35414/5 "2021-12-03T13:33:17Z")

</div>

```auto
[data-test="app-text-field"] {
    -webkit-text-security: disc;
}

```

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/9/7926983e8fceef170d290efbc92fcb7bc645b00e.png)

However, before applying that, please consider all the possible problems we said above.

---

<div class="post-metadata">

### Author: ![Manan\_Mehta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manan_mehta/32/13957_2.png) [@Manan\_Mehta](https://community.glideapps.com/u/Manan_Mehta)
#### Post date: [December 3, 2021, 2:57pm UTC](https://community.glideapps.com/t/ocultar-senha/35414/6 "2021-12-03T14:57:16Z")

</div>

This would convert all text boxes to password.  
I suggest using something like

```
[data-test="app-text-field"] \> div:nth-of-type(1) \> div:nth-of-type(1) { -webkit-text-security: disc; } This convert only the first box text box to password. https://i.imgur.com/uUd89oi.png
```

---

<div class="post-metadata">

### Author: ![Ti\_NovotempoRH](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ti_novotemporh/32/34723_2.png) [@Ti\_NovotempoRH](https://community.glideapps.com/u/Ti_NovotempoRH)
#### Post date: [December 3, 2021, 3:07pm UTC](https://community.glideapps.com/t/ocultar-senha/35414/7 "2021-12-03T15:07:39Z")

</div>

Vlw, testei aqui e funcionou do jeito que eu queria, muito obrigado !  
Como o CSS aplica em todas as Text Areas entao criei um action text que substitui a text area do usuario ao começar a digitar a senha e mostra a Rich Text com o codigo para ser aplicado na senha.  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/2/a240ae494f48fa2a12df187e40821b9935556de7.png)

---

<div class="post-metadata">

### Author: ![Ti\_NovotempoRH](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ti_novotemporh/32/34723_2.png) [@Ti\_NovotempoRH](https://community.glideapps.com/u/Ti_NovotempoRH)
#### Post date: [December 3, 2021, 3:11pm UTC](https://community.glideapps.com/t/ocultar-senha/35414/8 "2021-12-03T15:11:31Z")

</div>

> [@Manan\_Mehta](#):
>
> `https://i.imgur.com/uUd89oi.png`

Interessante, vou testar esse metodo tambem, vlw!

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [December 4, 2021, 12:01am UTC](https://community.glideapps.com/t/ocultar-senha/35414/9 "2021-12-04T00:01:50Z")

</div>

You can read here for more info about the method Manan mentioned.

> **[Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://www.notion.so/glidecommunity/33d5984960d04785b38eeae6c5121001?v=5662bb67cd994c53ae87737ab952ddb2&p=502cfbc7cc3b44f4b769e692eca6793d)**
>
> A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

---

<div class="post-metadata">

### Author: ![Hassan\_Nadeem](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hassan_nadeem/32/72956_2.png) [@Hassan\_Nadeem](https://community.glideapps.com/u/Hassan_Nadeem)
#### Post date: [April 26, 2022, 10:29pm UTC](https://community.glideapps.com/t/ocultar-senha/35414/10 "2022-04-26T22:29:28Z")

</div>

> [@Manan\_Mehta](#):
>
> ```auto
> [data-test="app-text-field"] > div:nth-of-type(1) > div:nth-of-type(1) {
> -webkit-text-security: disc;
> }
> 
> ```

Is this CSS not working anymore?

@ThinhDinh

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [April 26, 2022, 11:43pm UTC](https://community.glideapps.com/t/ocultar-senha/35414/11 "2022-04-26T23:43:41Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/d/cd3053f64fd6c0d672ed88e7d971125f736c1844.png)

Still working for me.

---

<div class="post-metadata">

### Author: ![Hassan\_Nadeem](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hassan_nadeem/32/72956_2.png) [@Hassan\_Nadeem](https://community.glideapps.com/u/Hassan_Nadeem)
#### Post date: [April 27, 2022, 12:05am UTC](https://community.glideapps.com/t/ocultar-senha/35414/12 "2022-04-27T00:05:39Z")

</div>

> [@Manan\_Mehta](#):
>
> ```auto
> [data-test="app-text-field"] > div:nth-of-type(1) > div:nth-of-type(1) {
> -webkit-text-security: disc;
> }
> 
> ```

Thanks. I wasn’t using the first line of CSS that you have written on the screenshot.

Also, if I want to convert the 4th or 5th text box to password box instead of first one, how do I do that?

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [April 27, 2022, 12:23am UTC](https://community.glideapps.com/t/ocultar-senha/35414/13 "2022-04-27T00:23:07Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/e/ae486fabf6142f07c72372a08cc5f89bf6853659.jpeg)

```auto
<pre><span><style>

div[id*='screenScrollView'] > div > :nth-of-type(4) > div >div > div:nth-of-type(1) > div:nth-of-type(1) {
 -webkit-text-security: disc;
}

```

---

<div class="post-metadata">

### Author: ![P3\_24BPM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/p3_24bpm/32/54448_2.png) [@P3\_24BPM](https://community.glideapps.com/u/P3_24BPM)
#### Post date: [February 15, 2023, 5:09pm UTC](https://community.glideapps.com/t/ocultar-senha/35414/14 "2023-02-15T17:09:57Z")

</div>

funcionou dentro da plataforma glideapps, porém quando abre no aplicativo publicado o valor não fica mascarado

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [February 15, 2023, 11:33pm UTC](https://community.glideapps.com/t/ocultar-senha/35414/15 "2023-02-15T23:33:39Z")

</div>

The DOM structure did change in the past year, I haven’t checked but I think it contributes to the problem you mentioned. Still, I wouldn’t use CSS going forward since it would break at some point with the transition from Apps to Pages.