# Ion label underline disapear inside form

**URL:** <https://forum.ionicframework.com/t/ion-label-underline-disapear-inside-form/94084>\
**Category:** ionic-v3\
**Created:** [June 13, 2017, 7:38am UTC](https://forum.ionicframework.com/t/ion-label-underline-disapear-inside-form/94084 "2017-06-13T07:38:29Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![7773783](https://avatars.discourse-cdn.com/v4/letter/7/5f9b8f/32.png) [@7773783](https://forum.ionicframework.com/u/7773783)\
**Post date:** [June 13, 2017, 7:38am UTC](https://forum.ionicframework.com/t/ion-label-underline-disapear-inside-form/94084/1 "2017-06-13T07:38:29Z")

</div>

hi,

1. why does the ion label bottom border disapear? i want it to change color is input is wronge etc…why here it is not doing the line?
2. is there a way other than grid to put the ion label and ion input in the same line?

thanks!

my code: (wrote with mistake at first like otherwise deletes my code)

# 

"\<ion-card \*ngFor=“let val of this.formAtt”  
  
  
  
blablabla  
\<ion-input class=“underline” type=“text” [formControlName]=val\>

```
        </ion-card-header>
        <ion-card-content>So much awesome content and animations. AMAZING!</ion-card-content>
    </ion-card>
</form>

```

![image](https://global.discourse-cdn.com/ionicframework/original/3X/c/0/c02e9509dbbf47a0a4cae3a3032a3d825efba840.png)

---

<div class="post-metadata">

**Author:** ![KishuPro](https://avatars.discourse-cdn.com/v4/letter/k/b4bc9f/32.png) [@KishuPro](https://forum.ionicframework.com/u/KishuPro)\
**Post date:** [June 13, 2017, 7:41am UTC](https://forum.ionicframework.com/t/ion-label-underline-disapear-inside-form/94084/2 "2017-06-13T07:41:57Z")

</div>

Post actual code not images and format them too please.

---

<div class="post-metadata">

**Author:** ![7773783](https://avatars.discourse-cdn.com/v4/letter/7/5f9b8f/32.png) [@7773783](https://forum.ionicframework.com/u/7773783)\
**Post date:** [June 13, 2017, 7:43am UTC](https://forum.ionicframework.com/t/ion-label-underline-disapear-inside-form/94084/3 "2017-06-13T07:43:14Z")

</div>

whats the problem with image? it deletes half of my code if i write it here dont know why

---

<div class="post-metadata">

**Author:** ![KishuPro](https://avatars.discourse-cdn.com/v4/letter/k/b4bc9f/32.png) [@KishuPro](https://forum.ionicframework.com/u/KishuPro)\
**Post date:** [June 13, 2017, 7:44am UTC](https://forum.ionicframework.com/t/ion-label-underline-disapear-inside-form/94084/4 "2017-06-13T07:44:49Z")

</div>

> [@7773783](#):
>
> whats the problem with image?

Someone trying to help you might want to copy your code and test it, if you don’t post code then it has to be typed again.

---

<div class="post-metadata">

**Author:** ![7773783](https://avatars.discourse-cdn.com/v4/letter/7/5f9b8f/32.png) [@7773783](https://forum.ionicframework.com/u/7773783)\
**Post date:** [June 13, 2017, 7:45am UTC](https://forum.ionicframework.com/t/ion-label-underline-disapear-inside-form/94084/5 "2017-06-13T07:45:57Z")

</div>

ok sorry, ok.  
i will try but it deletes part of my code, any reason?  
look at the edit

---

<div class="post-metadata">

**Author:** ![KishuPro](https://avatars.discourse-cdn.com/v4/letter/k/b4bc9f/32.png) [@KishuPro](https://forum.ionicframework.com/u/KishuPro)\
**Post date:** [June 13, 2017, 7:47am UTC](https://forum.ionicframework.com/t/ion-label-underline-disapear-inside-form/94084/6 "2017-06-13T07:47:30Z")

</div>

> [@7773783](#):
>
> ok sorry, ok.

No probs!

> [@7773783](#):
>
> deletes part of my code

I am not sure of what that exactly means, try it afresh let us see whats happening.

---

<div class="post-metadata">

**Author:** ![KishuPro](https://avatars.discourse-cdn.com/v4/letter/k/b4bc9f/32.png) [@KishuPro](https://forum.ionicframework.com/u/KishuPro)\
**Post date:** [June 13, 2017, 7:49am UTC](https://forum.ionicframework.com/t/ion-label-underline-disapear-inside-form/94084/7 "2017-06-13T07:49:14Z")

</div>

> [@7773783](#):
>
> look at the edit

hmm … that’s strange.

---

<div class="post-metadata">

**Author:** ![7773783](https://avatars.discourse-cdn.com/v4/letter/7/5f9b8f/32.png) [@7773783](https://forum.ionicframework.com/u/7773783)\
**Post date:** [June 13, 2017, 7:52am UTC](https://forum.ionicframework.com/t/ion-label-underline-disapear-inside-form/94084/8 "2017-06-13T07:52:47Z")

</div>

ok i wrote the supp about it. thanks

---

<div class="post-metadata">

**Author:** ![7773783](https://avatars.discourse-cdn.com/v4/letter/7/5f9b8f/32.png) [@7773783](https://forum.ionicframework.com/u/7773783)\
**Post date:** [June 13, 2017, 9:24am UTC](https://forum.ionicframework.com/t/ion-label-underline-disapear-inside-form/94084/9 "2017-06-13T09:24:03Z")

</div>

found the solution:

inside item-row must be ion item like this:  
\<#ion-row\>  
\<#ion-item\>  
\<#ion-label\>blablabla  
\<#ion-input class=“underline” type=“text” [formControlName]=val\>  
\<#/ion-item\>  
\<#/ion-row\>

---

<div class="post-metadata">

**Author:** ![KishuPro](https://avatars.discourse-cdn.com/v4/letter/k/b4bc9f/32.png) [@KishuPro](https://forum.ionicframework.com/u/KishuPro)\
**Post date:** [June 15, 2017, 7:29am UTC](https://forum.ionicframework.com/t/ion-label-underline-disapear-inside-form/94084/10 "2017-06-15T07:29:32Z")

</div>

Whats with the ‘#’ signs??