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


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

    Hi,

    You can try upgrading to 8.1.x or:

    <div class="container-fluid p-0" style="overflow-x: hidden">
    ....
    </div>
    
  • 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)

  • User Avatar
    0
    liangshiwei created
    Support Team 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")
    
  • 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.

  • User Avatar
    0
    liangshiwei created
    Support Team 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");
            }
        );
    });
    
    
  • 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

  • User Avatar
    0
    liangshiwei created
    Support Team 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")
    
  • User Avatar
    0
    andmattia created

    Great!

    It works fine.

    Thanks

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

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

  • User Avatar
    0
    andmattia created

    Thanks

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