Käyttäjän "enisn" toiminnot

If you have source-code access, you can download source-code of lepton via the following command:

abp get-source Volo.Abp.LeptonXTheme.Pro

Also I can share with you the previous version with flags: Themes/Lepton/Components/Toolbar/LanguageSwitch/Default.cshtml:

@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Lepton.Themes.Lepton.Components.Toolbar.LanguageSwitch
@using Microsoft.AspNetCore.Http.Extensions
@model LanguageSwitchViewComponentModel
@if (Model.OtherLanguages.Any())
{
    <div class="dropdown">
        <a class="btn dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            @if (@Model.CurrentLanguage.FlagIcon != null)
            {
                <span class="fi fis fi-@Model.CurrentLanguage.FlagIcon" data-bs-toggle="tooltip" title="@Model.CurrentLanguage.DisplayName" role="tooltip"></span>
            }
            else
            {
                <span class="fi fis fi-@Model.CurrentLanguage.CultureName" data-bs-toggle="tooltip" title="@Model.CurrentLanguage.DisplayName" role="tooltip"></span>
            }
            <span class="current-language-name">@Model.CurrentLanguage.DisplayName</span>
        </a>
        <div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuLink">
            @foreach (var language in Model.OtherLanguages)
            {
                <a class="dropdown-item" href="~/Abp/Languages/Switch?culture=@(language.CultureName)&uiCulture=@(language.UiCultureName)&returnUrl=@(System.Net.WebUtility.UrlEncode(Context.Request.GetEncodedPathAndQuery()))">
                    @if (language.FlagIcon != null)
                    {
                        <span class="fi fis me-2 fi-@language.FlagIcon"></span>
                    }
                    else
                    {
                        <span class="fi fis me-2 fi-@language.CultureName"></span>
                    }
                    @language.DisplayName
                </a>
            }
        </div>
    </div>
}

Can you share which error you got?

Hi, flag-icons are removed from ABP Framework & Lepton themes.

Here was the diff from the removal operation:

If you still want to use, you can override the following component: /Themes/Lepton/Components/Toolbar/LanguageSwitch/Default.cshtml and re-apply this changes.

• And don't forget to add abp/flag-icon-css dependency into your packages.json:

  "@abp/flag-icon-css": "~7.4.5",
  

Sadly I can not reproduce this problem, please provide us logs to understand problem and help you. Check console logs or find Logs/logs.txt under your application. And also, it might be a JavasScript problem, please check browser logs too and provide us

Creating a new solution for MAUI Blazor in ABP Suite RC3 always seem to give the error below when trying to run it. Other MAUI related projects inside of ABP and outside seem to work though, like if you select to have a ABP Suite create a Mobile MAUI app. So it seems to be related to to particular template.

Severity Code Description Project File Line Suppression State Error DEP1000: Cannot copy file "C:\Users\***\.nuget\packages\volo.abp.aspnetcore.components.web.leptonxtheme\3.2.0-rc.3\staticwebassets\side-menu\libs\bootstrap-datepicker\css\bootstrap-datepicker.standalone.css.map" to layout "M:\Projects\ASP.NET\ABP\src\ABPTester6\src\ABPTester6.MauiBlazor\bin\Debug\net8.0-windows10.0.19041.0\win10-x64\AppX\wwwroot\_content\Volo.Abp.AspNetCore.Components.Web.LeptonXTheme\side-menu\libs\bootstrap-datepicker\css\bootstrap-datepicker.standalone.css.map". DirectoryNotFoundException - Could not find a part of the path 'M:\Projects\ASP.NET\ABP\src\ABPTester6\src\ABPTester6.MauiBlazor\bin\Debug\net8.0-windows10.0.19041.0\win10-x64\AppX\wwwroot\_content\Volo.Abp.AspNetCore.Components.Web.LeptonXTheme\side-menu\libs\bootstrap-datepicker\css\bootstrap-datepicker.standalone.css.map'. [0x80070003] ABPTester6.MauiBlazor

Edit:

Maybe this is casued by the long path problems in Windows and not ABP, will do further testing.

Edit 2:

Not ABPs fault, Microsoft apparently broke MAUI again https://github.com/dotnet/maui/issues/17828 (or Windows to be exact)

You may try the Solution 3 in the following documentation to overcome this issue. Visual Studo or any other IDe still can't work but you can build from terminal via dotnet CLI https://docs.abp.io/en/abp/8.1/KB/Windows-Path-Too-Long-Fix#solution-3

Firstly, I recommend checking logs to find any error there. Check both browser console and application logs.

Until now i guess i'd never had the necessity to run that command over clean directory, after recently updating the cli and the suite. So, please, where can a find a command sample to this invocation of install-libs?

Yes, you don't need to run any command normally, but there can be some temporary network problem or something like that. some of packages might be missing and couldn't be downloaded by package manager. In case of a missing script, you can navigate to your project directory and open terminal in that directory and execute abp install-libs in there.

By default you can't to that, you have to override original component in your project and you can customize it however you need.

You can replace MobileNavbar component in your application and fill the HTML content according to your requirements.

Here the related component: https://docs.abp.io/en/commercial/latest/themes/lepton-x/blazor?UI=BlazorServer#mobile-navbar

Do you have any logs on the running process console or in the browser console?

Also, make sure there isn't any problem while installing client-side libraries. To make sure, you can try running abp install-libs command once again in the blazor project folder.

What is the reason for the empty space to the right of the home button?

Hi, I can help on this question for Blazor;

You can define a selector for choosing menu items on the mobile bar by using MobileMenuSelector in LeptonXThemeBlazorOptions

Configure<LeptonXThemeBlazorOptions>(options =>
{
    options.MobileMenuSelector = items => items.Where(x => x.MenuItem.Name == "MyProjectName.Home" || x.MenuItem.Name == "MyProjectName.Dashboard");
});

Check out: https://docs.abp.io/en/commercial/latest/themes/lepton-x/blazor?UI=Blazor#leptonxthemeblazoroptions

@design-team will answer the rest of the padding problems

Hi,

It seems the problem occurs because two different elements exist with the same id in the page.

LeptonX uses different toolbar items for mobile and desktop. When you add your toolbar viewcomponent to StandardToolbars.Main, then it'll go to both mobile and desktop.

Here is the cases:

• You can use class instead id, it's not performant but it works.

   $(".openMyNotificationList")...
  

   <abp-button class="btn-primary openMyNotificationList">Open</abp-button>
  

• You can use different toolbar items for mobile and desktop or you can add it only for desktop:

  public virtual Task ConfigureToolbarAsync(IToolbarConfigurationContext context)
  {
      if (context.Toolbar.Name == LeptonXToolbars.Main)
      {
          // Toolbar for desktop
          context.Toolbar.Items.Add(new ToolbarItem(typeof(NotificationViewComponent)));
      }
  
      if (context.Toolbar.Name == LeptonXToolbars.MainMobile)
      {
          // Toolbar for mobile
          context.Toolbar.Items.Add(new ToolbarItem(typeof(NotificationMobileViewComponent)));
      }
   }