How to get rid of line in TextInput

How-to Discussions
1

Hi,

sorry if I ask a question which is already documented somewhere. I have read quite a lot now in the learning section, the examples and the community.

The text input field shows a line, which actually goes through the currently displayed value. Hard to see on the image below, but very good visible on real device. How to get rid of that?

file

2

Hey!

You can try using TextEdit instead of TextInput.

3

Again, so easy!

Thanks!

4

Hi,

I tried this solution but I notice that TextEdit doesn`t have the option of using placeholder and in this case I need placeholder but without that line. Is there a way to do that??

5

Hi!

If you update to Fuse 0.20 these problems go away :slight_smile:

In 0.20:

  • TextInput has no decoration but supports placeholder
  • Basic.TextInput gives you the basic theme style (with the line)
  • TextEdit no longer exists.
6

Thank you, I did it and works now, but I have some pages that are not suppossed to show until they are active and with the new version is not working anymore, can you please tell me how to update this please.

<Page ux:Name="pagInstructores">
        ...

        <WhileInactive>
            <Change pagInstructores.IsEnabled="false"/>
            <Change pagInstructores.Visibility="Hidden"/>
        </WhileInactive>

        <WhileActive>
            <Change pagInstructores.IsEnabled="true"/>
            <Change pagInstructores.Visibility="Visible"/>
        </WhileActive>
    </Page>