Customize the styling of the border

[bliulin]

Hi,

Is there some reason why the border width cannot be set by CSS? I've tried this in both android and ios with no effect. Changing the border color only appears to work on ios.

This is my text field:

<MDTextField
    style="border-style: solid; border-width: 10; border-color: blueviolet;"
    placeholderColor="#969FB5"
    keyboardType="phone"
    hint="Email"
  ></MDTextField> 

Thanks

[farfromrefug]

@bliulin actually the handling of the border with the textfield is not fully handled yet. The reason is that i wanted border style to apply to the material "border" of the textfield. I mean the line in underline and the full border in outline.

Need to think about this.

[aashaya]

Is there a way to change the border color of MDTextField when active?

[farfromrefug]

You can theme your app colors with the themer. Look at the nativescript-material-core typings (I am on my phone right now can tcopy the link)

[aashaya]

@farfromrefug Thank you very much! themer.setPrimaryColor();

[mrcretu]

@farfromrefug Thank you very much! themer.setPrimaryColor();

Hello, Is there a solution to make the filled MDTextField to have border like the outlined one? I need the floating from the filled version into the outline version.

[farfromrefug]

@mrcretu that should be possible. Can you post a screenshot of the filled version with the border you are talking about?

[mrcretu]

I need something like this. The border from the outline version with floating label from filled one. It is possible to customize the filled one to have border?

[farfromrefug]

@mrcretu ok i see. So this is not filled. https://material.io/components/text-fields/ You have to use variant "none" and handle this yourself with border color and focused state. Material style does not come with the one you want

[mrcretu]

@farfromrefug First, thank you for fast responses. I've tried with variant "none" but I'm not able to apply any style on MDTextField like border-color or something else. Any help regarding this issue, please? Maybe an example or smt. Thank you in advance.

[NavruzbekNoraliev]

Hi is there any solution for adding trailing icons?

[NavruzbekNoraliev]

Also, I have an issue, in outlined MdTextfield in Android I get cursor color in gray, which I don't see in white background, is there any solution to change cursor color?

[farfromrefug]

@NavruzbekNoraliev please stay on point this is not a place for discussion. I think i already asked you ;)

[farfromrefug]

@mrcretu sorry for answering so late. I have been doing it for a while. Are you still faciing the issue?

[NavruzbekNoraliev]

@NavruzbekNoraliev please stay on point this is not a place for discussion. I think i already asked you ;)

wasn't it related to the theme of the issue?

[farfromrefug]

@NavruzbekNoraliev trailing icon and cursor color when this issue is about border color ? Dont think so. Please move your questions to Slack. If you want to add features. You can add a proper feature request issue and then you can look at creating a PR ;)