FreakyAli / Maui.FreakyControls

FreakyControls is a free OSS UI Kit for .NET MAUI which provides a set of controls and utilities to build modern mobile apps.
MIT License
312 stars 37 forks source link

FreakyTextInputLayout : background color is visible outside border #108

Closed FrankVDL2471 closed 9 months ago

FrankVDL2471 commented 9 months ago

Description

When setting a background color and a bordercorner radius, the background color is visible in the corners outside the border.

Expected Behavior

Make the area outside the border transparant

Actual Behavior

Background is colored

Basic information

Package Version : 0.4.9 OS : Android 12

Screenshots

image

FreakyAli commented 9 months ago

Please add relevant code

FrankVDL2471 commented 9 months ago

`public class SjwingEntry : FreakyTextInputLayout {

public SjwingEntry() {
    this.BorderCornerRadius = 5;
    this.BorderStrokeThickness = 2;
    this.BorderStroke = Brush.DarkGray;
    this.BackgroundColor = Colors.White;
    this.TextColor = Colors.Black;
    this.FontFamily = "Default";
    this.FontSize = 16;
}

}`

FreakyAli commented 9 months ago

I was going to release it today so you are in luck, I have made a pre-release v0.4.10-pre. Check if that fixes your bug, if not you can reopen this.

FrankVDL2471 commented 9 months ago

Just testes with the pre-release, but the problem is still the same. Don't know if it makes a difference, but I have the dark-theme activated

image

FreakyAli commented 9 months ago

There should be a property by the name of ControlBackgroundColor use that

FrankVDL2471 commented 9 months ago

The ControlBackgroundColor does the trick

One remark, the ControlBackgroundColor and TextColor can't be set using a Style

`