Activities of "ageiter"

Ou... I just found something else related to the TopMenu.

9. TopMenu layout is not consistently applied everywhere: When you go to "My Account" or "Security Logs", the view changes to the SideMenu layout.

Hello, this ticket has been closed although my question has not yet been answered....

Why does it work without the Redis service in Azure App Service? And when would it be important to use it?

• ABP Framework version: v6.0.0-rc.4
• UI type: Blazor
• DB provider: EF Core
• Tiered (MVC) or Identity Server Separated (Angular): no

I would like to change the colors of the LeptonX theme ('Light' style).

I wanted to override it in blazor-global-styles.css with my colors. But for the pink color (e.g. grid pagination) this doesn't work.

I then saw that the color code #f72585 (pink) occurs in the file bootstrap-light.css in very many places and is not set globally. So of course it is very hard to replace the color everywhere.

Can you make it so that we can just overwrite it? Something like with the variable --lpx-brand.

Or what is the easiest way to do this?

Thanks for the feedback about issue 2. Since these issues are probably not public, will you let me know when it is resolved?

About issue 5: I have now created a new app with Abp Suite, taking the latest template (Blazor Server 6.0.0-rc.4). Changed the layout to TopMenu and started. The problem is there from the beginning.

You can also press F5, each time the user menu will open automatically.

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

Edited on 16.11.2022: Unfortunately, I can no longer reply here because the ticket is locked. But I think the problem is not solved yet and I would like to know for which version the bugfix is planned (currently I have version 6.0.1).

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;
}

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;
}

• ABP Framework version: v6.0.0-rc.4
• UI type: Blazor
• DB provider: EF Core
• Tiered (MVC) or Identity Server Separated (Angular): no

I've grouped several questions (and bugs) together here, as they all have to do with the LeptonX theme with TopMenu layout.

• 1. Question about BundleAndMinify:" I would like to use the LeptonX layout with TopMenu. I was able to configure this with the answer of EngincanV here. Is the BundleAndMinify in appsettings still necessary? It worked for me without that....

• 2. Bug with removing styles:" I don't want the user to be able to select a different style (appearance). Therefore I remove all but the DefaultStyle. But "System" is still displayed.

    private void ConfigureTheme()
    {
        Configure<LeptonXThemeBlazorOptions>(options =>
        {
            options.Layout = LeptonXBlazorLayouts.TopMenu;
        });

        Configure<LeptonXThemeOptions>(options =>
        {
            options.DefaultStyle = LeptonXStyleNames.Light;
            
            // Remove unused styles
            options.Styles.Remove(LeptonXStyleNames.System);
            options.Styles.Remove(LeptonXStyleNames.Dim);
            options.Styles.Remove(LeptonXStyleNames.Dark);
        });
    }

If I remove all styles, then only the DefaultStyle appears. That would be a workaround... options.Styles.Clear();

And it would be nice if the menu item would be automatically hidden when there is only one option.

• 3. Hide some setting items from toolbar:" It would be cool if we could hide certain settings (Appearance, General Settings, Container Width, Language) via the options. This is a little feature request from me :-)

• 4. Breadcrumbs are far left:" It seems to display a boxed layout when using the TopMenu layout. But the breadcrumbs are displayed on the far left and not below the logo. The "Full Width" layout is not supported, right? Will this be implemented later?

• 5. Bug: After login the profile menu opens automatically:" When you are logged in, the profile menu (user context menu) opens automatically.

• 6. Languages button shows wrong cursor:" Would be nice to show an arrow or hand pointer at the language button in the menu (EN, DE, ...) instead of a text pointer.

• 7. Removing of linked accounts:" How can I remove "Linked Accounts" from the user context menu?

I hope to have contributed to an even better theme :-)

Thanks, Adrian

• ABP Framework version: v6.0.0-rc.4

• UI type: Blazor

• DB provider: EF Core

• Tiered (MVC) or Identity Server Separated (Angular): no

• Steps to reproduce the issue:"

1. Select menu item (e.g. Users page) -> page is loaded correctly.
2. Click a second time on the same menu item -> now the breadcrumbs and the create button are not displayed.
3. Only with a refresh (F5) the page is then displayed correctly again.

• ABP Framework version: v6.0.0-rc.3
• UI type: Blazor
• DB provider: EF Core

I installed the preview (6.0.0-rc.3) and created a new Blazor Server App by using the template.

Because of OpenIddict, I then had to install Redis on my machine (via WSL2).

Then I did a deployment to Azure. And there I wondered why the app worked without adding the "Azure Cache for Redis".

Why does it work without the Redis service in Azure App Service? And when would it be important to use it?

By the way, in order for OpenIddict to work in Azure, I still had to do some configuration in BlazorModule. I scraped the information together from issues from others. It works, but I don't understand everything yet (e.g. generating the SigningKey & EncryptionKey) and it would be great if you could document the necessary steps to deploy it to Azure (so that the application can be run securely).

Thanks, Adrian