Open Closed

Issue on login page 7.4.5 -> 8.1.x #7251


User avatar
0
andmattia created

I have an issue with auth server on 7.4.5.

I create a new solution 7.4.5 if you try to login on auth server the page not slide if area is small.

I see that in 7.4.5

<div class="container-fluid p-0 overflow-hidden">
...
</dv> 

If I set overflow-x: hidden; it slide but I see a black band at the end off page.

How can we fix it?

I try with new 8.1.x and this issue is gone

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

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

    Hi,

    You can try upgrading to 8.1.x or:

    <div class="container-fluid p-0" style="overflow-x: hidden">
    ....
    </div>
    
    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    andmattia created

    Hi I can't upgrade right now beacuse we need to test all services in 8.x before upgrade.

    How can I patch it has you suggest?

    I can't semply add class beacuse the login page is embedded on account module (MVC)

    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 use js to remove classes and add styles

    $(".abp-account-layout .container-fluid").removeClass("overflow-hidden")
    $(".abp-account-layout .container-fluid").css("overflow-x", "hidden")
    
    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    andmattia created

    Hi

    How can I push js script into login page (this page is embedded on account DLL).

    I can only work on index.

    I need to customize all login page to achive this result.

    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 try creating a js file and add it to the bundle system https://docs.abp.io/en/abp/latest/UI/AspNetCore/Bundling-Minification#configuring-an-existing-bundle

    Configure<AbpBundlingOptions>(options =>
    {
        options.ScriptBundles.Configure(
            LeptonXThemeBundles.Scripts.Global,
            bundle =>
            {
                bundle.AddFiles("/accountpatch.js");
            }
        );
    });
    
    
    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    andmattia created

    Hi

    it works fine but I've the same issue. Sliding down the background image not slide and my form has not backgroud

    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 try :

    // remove these two lines
    //$(".abp-account-layout .container-fluid").removeClass("overflow-hidden") 
    //$(".abp-account-layout .container-fluid").css("overflow-x", "hidden")
    
    
    $(".lpx-login-bg").css("overflow-x", "hidden")
    
    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    andmattia created

    Great!

    It works fine.

    Thanks

    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

    Because this is a bug in ABP, your ticket was refunded.

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

    Thanks

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