Avalon and Forms

Post Reply
mhald
Posts: 9
Joined: 01 May 2017, 10:41

30 Apr 2018, 14:39

Hi,

I got a problem with forms in Avalon 2.5.1 (latest version I can download).

I already posted it in the wrong forum, can u have a look at it anyway: viewtopic.php?f=35&t=55538

mhald
Posts: 9
Joined: 01 May 2017, 10:41

08 Jun 2018, 15:48

The Problem is in: /sass/theme/_forms.scss

Code: Select all

        &.ng-dirty {
            border: 1px solid $inputInvalidBorderColor;
there should be a different variable for this such as for example

Code: Select all

$inputTouchedBorderColor
.
As ng-dirty simply means changed but not invalid.

and this shouldn't be red

hope u gonna include this in next update

merve7
Posts: 316
Joined: 12 Sep 2017, 10:44

11 Jun 2018, 11:07

Thank you,
We will discuss and get back to you.

alphabrik
Posts: 1
Joined: 17 Sep 2018, 12:04

09 Nov 2018, 10:23

Hey there,
we had the exact same problem and worked around by creating a patch file for this and importing it into our main theme file. These are the contents of the patch file:

Code: Select all

@import '../../sass/theme-v4/variables';

body {
  .ui-inputtext {
    &.ng-dirty {
      border: 1px solid $inputBorderColor;
    }

    &.ng-dirty:not(.ng-valid) {
      border: 1px solid $inputInvalidBorderColor;

      &.ng-invalid {
        background-color: $inputInvalidBgColor;

        &:hover {
          border-color: $inputInvalidBorderColor;
        }

        &:focus {
          border-color: $inputInvalidBorderColor;
          box-shadow: none;
        }

        &:active {
          border-color: $inputInvalidBorderColor;
        }
      }
    }
  }
}
You might need to adjust the import path, of course.

Post Reply

Return to “Avalon - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest