Hi,
I have now created a new app with the latest template (Blazor Server 6.0.0-rc.4), run it and the problem occurs immediately. To illustrate it I made a screencast: AbpBug3705.mp4
Thanks for the video, I was tested on Blazor WASM not Blazor Server so I did not see this problem. I'll create an issue for the problem.
Hi again, we could not reproduce the problem that you stated. Can you provide more information or retry again to ensure it was not a temporary problem?
I have a solution for number 4. I have implemented the boxed layout with the following CSS:
.lpx-topbar-container, .lpx-content-container { margin: 0 auto; max-width: 1280px; }
8. Footer height is too big: I have discovered another new problem. The footer height is way too big (is calculated wrong). Probably the style is good for a blank / small page. But if there is content on the page, the footer becomes huge. The problem here is the min-height:
.lpx-content-container .lpx-content { max-width: 1280px; min-height: calc(100vh - 192px); margin: 0 auto; }
Thanks 🙏, I'll share your comments with the team.
Hi, can you provide extra information (what is your current location? do you use VPN while connecting to the abp.io website? etc.)?
I changed the image and had problems with the size and alignment. Now I have set the following CSS styles and so the image is set as background for this column. This way it looks great even with different screen sizes.
.lpx-login-image-area img { display: none; } .lpx-login-image-area { background-image: url("/Themes/LeptonX/Global/assets/img/login-bg.jpg"); background-position: right; background-repeat: no-repeat; background-size: cover; }
Thanks for reporting this, I'll discuss this with the team and we'll try to improve the customization of the background image of the login page.
Best Regards.
Do you know then how we can change the picture on the login screen?
Thank you
Hi, you can add an image to the /Themes/LeptonX/Global/assets/img/login-bg.jpg path. When you do that, your image will be used in the background on the login screen.
There is a watermark in the background image, so you might remove that. To do that:
.lpx-brand-logo.lpx-login-big-logo {
display: none;
}
Hi @ageiter, I've created a test issue (internal - #11909) for this problem, after the test process I'll write you back and let you know.
Hi @ageiter, I've created a test issue (internal - #11909) for this problem, after the test process I'll write you back and let you know.
and the logo url actually is working (so it seems we dont have to override the css ;)).
Yes, you don't have to override CSS. You can also specify the logo URL from the branding provider. Both options are valid and can be used.
Thank you, it does work.
Also, there aint no doc either for those 2 other customization that probably everyone needs:
Thank you
We are preparing the customization documentations for LeptonX Theme and they'll be available soon.
Favicon:
~/images/favicon/logo-favicon_1.svg
path to override the current favicon. (We have an open issue about this problem and we'll improve and make it easier to customize)The picture of the login page:
Please see, https://support.abp.io/QA/Questions/3653/LeptonX-Theme-and-Login-Form#answer-feab7ac5-5e50-0cfb-3e8a-3a0623adb4d9