Open Closed

Inconsistent Page Width in Settings After Upgrading to ABP 8.2.3 #8131


User avatar
0
mert.kir created
  • ABP Framework version: v8.2.3
  • UI Type: Angular
  • Database System: EF Core (SQL Server, PostgreSQL)
  • Tiered (for MVC) or Auth Server Separated (for Angular): yes
  • Steps to reproduce the issue: -> Log in as a Host. -> Click the "Settings" button under the Administration menu. -> Review the Account, Identity Management, and Lepton Theme pages from the left side of the screen.

The Account and Identity Management pages now occupy only 50% of the screen width, whereas the Lepton Theme page opens at 100% width. Recently, we upgraded our ABP version from 6.0.3 to 8.2.3. Previously, all these pages were displayed at 100% width. We have also set newly added pages to open at 100% width for consistency. However, there is now an inconsistency where some pages use 50% width while others use 100%. Could you restore the previous behavior so that all pages open at 100% width?

Before ABP Update

Markdown supported.
Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

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

    hi

    Are the pages mvc or angular?

    You can inspect the page via browser dev tool.

    Thanks.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    mert.kir created

    hi

    Are the pages mvc or angular?

    You can inspect the page via browser dev tool.

    Thanks.

    Hi

    We are using Angular.

    Due to the max-width set on the abp-md-form class, the page appears as half-width in the UI. Should I override this, or does it need to be fixed in the source code?

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    ok, thanks. I will ask our angular team.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    sumeyye.kurtulus created
    Support Team Angular Expert

    Hello, you should be able to override this CSS property directly.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.8.0-preview. Updated on September 28, 2026, 11:44
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.