Avalon and Forms

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
mhald
Posts: 11
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: 11
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: 861
Joined: 12 Sep 2017, 10:44

11 Jun 2018, 11:07

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

alphabrik
Posts: 2
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.

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

03 Dec 2018, 09:05

Hi,
I'm sorry for the delay. We planned to release Avalon 7 in December and we will fix in this release.

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

11 Dec 2018, 14:30

Hi,
We released Avalon 7 and changed ng-dirty part(removed .ng-dirty border style). We added files for overrides you can add variable and style. You can use these files for you want to changing styles.

regit-bs
Posts: 9
Joined: 29 Jan 2020, 22:37

02 Feb 2020, 19:02

I've got a bit different problem. I've copied demo form to my project, and everything is ok except the inputs are not as in the demo.

If you need I'll post more detailed data.

Post Reply

Return to “Avalon - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest