Open Closed

Full width fail. #8677


User avatar
0
DanLo created
  • ABP Framework version: v8.2
  • UI Type: Blazor WASM
  • Database System: EF Core (SQL Server, Oracle, MySQL, PostgreSQL, etc..) / MongoDB
  • Tiered (for MVC) or Auth Server Separated (for Angular): yes/no
  • Exception message and full stack trace:
  • Steps to reproduce the issue

Why are we not getting full width on .lpx-content? We have tried writing custom CSS to override .lpx-content and inheriting from the parent without success. The parent CSS .lpx-content-wrapper is as large as we want it to be. Any suggestions? Even if we set margin, border, and padding to 0, we still don't get full width. See screenshot!

Screenshot 2.png

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
    liangshiwei created
    Fullstack Developer

    Hi,

    You can consider using a Fluid layout instead of Fixed.

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

    What do you mean by using container-fluid? The classes you see in the image are from when we created the project using your instructions.

    We can't find anywhere to change them.

    Is there a way to extract these files into the project so we can edit them? For example, there is no MainLayout file in the project. If we remove class="lpx-content" in the browser's developer tools, we get the look we want.

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

    Hi,

    You can see it in the settings.

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

    Thanks for help!. it worked. We didn't know it was a setting!.

    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.