Page 1 of 1

Avalon and Forms

Posted: 30 Apr 2018, 14:39
by mhald
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

Re: Avalon and Forms

Posted: 08 Jun 2018, 15:48
by mhald
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

Re: Avalon and Forms

Posted: 11 Jun 2018, 11:07
by merve7
Thank you,
We will discuss and get back to you.

Re: Avalon and Forms

Posted: 09 Nov 2018, 10:23
by alphabrik
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.

Re: Avalon and Forms

Posted: 03 Dec 2018, 09:05
by merve7
Hi,
I'm sorry for the delay. We planned to release Avalon 7 in December and we will fix in this release.

Re: Avalon and Forms

Posted: 11 Dec 2018, 14:30
by merve7
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.

Re: Avalon and Forms

Posted: 02 Feb 2020, 19:02
by regit-bs
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.