Open Closed

Unwanted-transparency-in-bootstrap-popover #8515


User avatar
0
bruce.villa created

Hi Support Team, we added an item to the toolbar that uses a bootstrap popover to display the messages card. we cannot change the transparency so it's solid. Tech Details:

  • ABP Framework version: Module ABP 8.2.1
  • UI Type: Angular
  • Database System: EF Core (SQL Server)
  • Tiered (for MVC) or Auth Server Separated (for Angular): no
  • Exception message and full stack trace: We are having an issue when rendering a popup generated from an ABP Module into an Angular ABP Solution's Nav Bar, it looks transparent even after attempting to make it solid modifying styles at all levels:
  • Steps to reproduce the issue: Whenever we try to display the notification message contained in the popup they are sometimes unreadable, these are the code and styled found:
Markdown supported.
Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

1 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Fullstack Developer

    Hi,

    You can try custom the CSS

    https://abp.io/docs/latest/ui-themes/lepton-x/angular

    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 16, 2026, 07:12
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.