Open Closed

An input field that is “disabled” cannot be visually distinguished from an input field that is “not disabled” #7873


User avatar
0
karl.ettinger@energieag.at created
  • ABP Framework version: v8.0.3
  • UI Type: Blazor Server
  • Database System: EF Core (SQL Server, Oracle, MySQL, PostgreSQL, etc..)
  • Tiered (for MVC) or Auth Server Separated (for Angular): no

Hi!

We use the Blazorise library supplied with the ABP framework.

In the image below with the “Maßnahme” and “Notiz” fields, the colored background of the “Maßnahme” text field does not indicate that this input field is “disabled”. The “Notiz” text field is “not disabled”

Will this problem be fixed in future versions or what can I do to fix this problem?


5 Answer(s)
  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    How do we reproduce this?

    Can you share some code.

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    I am unable to reach the https://powershare.xx.at/ website.

    Can you share some code so I can reproduce this problem in a template project?

    Thanks.

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    Can you try to add below style to your src/Acme.BookStore.Blazor/wwwroot/blazor-global-styles.css ?

    .form-control:disabled {
        background-color: #e9ecef !important;
        opacity: 1;
    }
    

  • User Avatar
    0
    karl.ettinger@energieag.at created

    Thank you, it works

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    Great

Made with ❤️ on ABP v9.1.0-preview. Updated on November 01, 2024, 05:35