omarruben Active Member Licensed User Longtime User Nov 7, 2023 #1 hello, on the designer the B4XFloatTextField with border radius 15 look great, for my project, but at run time on the device is 0 look sqaure why? on device (iphone XR) on the designer
hello, on the designer the B4XFloatTextField with border radius 15 look great, for my project, but at run time on the device is 0 look sqaure why? on device (iphone XR) on the designer
Alexander Stolte Expert Licensed User Longtime User Nov 7, 2023 #2 omarruben said: but at run time on the device is 0 look sqaure Click to expand... Is not 0 and it is not a square, it has a rounded corner. You have AutoScaleAll on the designer script right? If the textfield has a higher height then it needs a higher corner radius value. Try it without autoscale Upvote 0
omarruben said: but at run time on the device is 0 look sqaure Click to expand... Is not 0 and it is not a square, it has a rounded corner. You have AutoScaleAll on the designer script right? If the textfield has a higher height then it needs a higher corner radius value. Try it without autoscale
omarruben Active Member Licensed User Longtime User Nov 7, 2023 #3 Alexander Stolte said: Is not 0 and it is not a square, it has a rounded corner. You have AutoScaleAll on the designer script right? If the textfield has a higher height then it needs a higher corner radius value. Try it without autoscale Click to expand... thank you, but still the same problem I understand that the bigger the textfield the rouding should be bigger also the option AutoScaleAll was present, I erased but still same results Upvote 0
Alexander Stolte said: Is not 0 and it is not a square, it has a rounded corner. You have AutoScaleAll on the designer script right? If the textfield has a higher height then it needs a higher corner radius value. Try it without autoscale Click to expand... thank you, but still the same problem I understand that the bigger the textfield the rouding should be bigger also the option AutoScaleAll was present, I erased but still same results
aeric Expert Licensed User Longtime User Feb 26, 2025 #4 Sorry for replying to old thread. I just realized this issue. It can be easily fixed using the following code (Corner radius is 6, you can set to other values). B4X: Copy B4XFloatTextField1.TextField.SetColorAndBorder(xui.Color_White, 1, xui.Color_Gray, 6) However, the blue border focus color is lost. The better way is using CSSUtils. B4X: Copy CSSUtils.SetStyleProperty(B4XFloatTextField1.TextField, "-fx-border-width", 1) CSSUtils.SetStyleProperty(B4XFloatTextField1.TextField, "-fx-background-radius", 6dip) Last edited: Feb 26, 2025 Upvote 0
Sorry for replying to old thread. I just realized this issue. It can be easily fixed using the following code (Corner radius is 6, you can set to other values). B4X: Copy B4XFloatTextField1.TextField.SetColorAndBorder(xui.Color_White, 1, xui.Color_Gray, 6) However, the blue border focus color is lost. The better way is using CSSUtils. B4X: Copy CSSUtils.SetStyleProperty(B4XFloatTextField1.TextField, "-fx-border-width", 1) CSSUtils.SetStyleProperty(B4XFloatTextField1.TextField, "-fx-background-radius", 6dip)
