Issue with custom theme name (same https://support.abp.io/QA/Questions/3951#answer-c295d8bd-a351-e30e-2148-3a0797c402eb) #4067

5 Answer(s)

• 

  0

  enisn created 3 years ago

  Support Team .NET Developer

  Hi christophe.baille

  Did you create a localization entry with Theme:lightCustom key?

  Markdown supported.

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

  Save Cancel
• 

  0

  christophe.baille created 3 years ago

  Of course

  Markdown supported.

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

  Save Cancel
• 

  0

  christophe.baille created 3 years ago

  Thanks to not close and issue not fixed, I reopen it

  Markdown supported.

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

  Save Cancel

  1
• 

  0

  christophe.baille created 3 years ago

  I just add a comment to not let your bot close the ticket

  Markdown supported.

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

  Save Cancel
• 

  0

  enisn created 3 years ago

  Support Team .NET Developer

  Ok it's a verified bug on Blazor UI. So your credit is refunded. We fixed it and it'll be released in the very next patch release of LeptonX 1.0.x.

  I'm sharing a workaround until release:

  • Create a MyGeneralSettings.razor file in somewhere in you Blazor application. Name of file isn't important, you can choose whatever you want

  • Fill the file content with following code:

  @using Microsoft.Extensions.Localization;
  @using System.Globalization;
  @using Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components.ApplicationLayout.Common;
  @using Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Navigation;
  @using Volo.Abp.DependencyInjection
  @using Volo.Abp.LeptonX.Shared.Localization;
  
  @inherits GeneralSettings
  @attribute [ExposeServices(typeof(GeneralSettings))]
  @attribute [Dependency(ReplaceServices = true)]
  
  @inject IStringLocalizerFactory LocalizerFactory
  @inject IStringLocalizer<LeptonXResource> L
  @inject ILanguagePlatformManager LanguagePlatformManager
  
  <div class="lpx-settings" id="lpx-settings">
  
  	@if (HasMultipleStyles)
  	{
  		<div id="appearance" class="setting-icon" data-lpx-setting-icon="appearance"
  			 data-lpx-setting-id="settings-context-menu">
  			<div class="setting">
  				<i class="bi bi-laptop-fill"></i>
  			</div>
  		</div>
  	}
  
  	@if (HasContainerWidth)
  	{
  		<div id="containerWidth" class="setting-icon" data-lpx-setting-icon="containerWidth"
  			 data-lpx-setting-id="settings-context-menu">
  			<div class="setting">
  				<i class="bi bi-layout-three-columns"></i>
  			</div>
  		</div>
  	}
  
  	<div id="language" class="setting-icon" data-lpx-setting-icon="language"
  		 data-lpx-setting-id="settings-context-menu">
  		<div class="setting">
  			@CurrentLanguageTwoLetters
  		</div>
  	</div>
  
  	<div class="setting-icon">
  		<i class="bi bi-gear-wide-connected" aria-hidden="true" data-lpx-ctx-toggle="settings-context-menu"></i>
  	</div>
  	<div class="lpx-context-menu" data-lpx-context-menu="settings-context-menu">
  		<ul class="lpx-nav-menu" id="settings-routes">
  			<li class="outer-menu-item">
  				<a class="lpx-menu-item-link lpx-menu-item">
  					<span class="lpx-menu-item-icon">
  						<i class="lpx-icon outer-icon bi bi-gear-wide-connected" aria-hidden="true"></i>
  					</span>
  					<span class="lpx-menu-item-text">@L["GeneralSettings"]</span>
  					<span data-lpx-close="settings-context-menu">
  						<i class="lpx-icon bi bi-x outer-icon dd-icon" aria-hidden="true"></i>
  					</span>
  				</a>
  			</li>
  
  			@if (HasMultipleStyles)
  			{
  				<li class="outer-menu-item">
  					<a class="lpx-menu-item-link lpx-menu-item" data-lpx-setting-group="appearance">
  						<span class="lpx-menu-item-icon">
  							<i class="lpx-icon bi bi-palette-fill" aria-hidden="true"></i>
  						</span>
  
  						<span class="lpx-menu-item-text hidden-in-hover-trigger">@L["Appearance"]</span>
  
  						<i class="dd-icon hidden-in-hover-trigger lpx-caret bi-chevron-down" aria-hidden="true"></i>
  					</a>
  
  					<ul class="lpx-inner-menu hidden-in-hover-trigger collapsed" data-id="appearance">
  						@foreach (var style in ThemeOptions.Value.Styles)
  						{
  							<li class="lpx-inner-menu-item">
  								<a class="lpx-menu-item-link lpx-menu-item" data-lpx-setting="@style.Key">
  									<span class="lpx-menu-item-icon">
  										<i class="lpx-icon @style.Value.Icon" aria-hidden="true"></i>
  									</span>
  
  									<span class="lpx-menu-item-text hidden-in-hover-trigger">@style.Value.DisplayName.Localize(LocalizerFactory).Value</span>
  								</a>
  							</li>
  						}
  					</ul>
  				</li>
  			}
  			@if (HasContainerWidth)
  			{
  				<li class="outer-menu-item">
  					<a class="lpx-menu-item-link lpx-menu-item" data-lpx-setting-group="containerWidth">
  						<span class="lpx-menu-item-icon">
  							<i class="lpx-icon bi bi-aspect-ratio" aria-hidden="true"></i>
  						</span>
  
  						<span class="lpx-menu-item-text hidden-in-hover-trigger">@L["ContainerWidth"]</span>
  
  						<i class="dd-icon hidden-in-hover-trigger lpx-caret bi-chevron-down" aria-hidden="true"></i>
  					</a>
  
  					<ul class="lpx-inner-menu hidden-in-hover-trigger collapsed" data-id="containerWidth">
  						<li class="lpx-inner-menu-item">
  							<a class="lpx-menu-item-link lpx-menu-item" data-lpx-setting="boxed">
  								<span class="lpx-menu-item-icon">
  									<i class="lpx-icon bi bi-square"
  									   aria-hidden="true"></i>
  								</span>
  
  								<span class="lpx-menu-item-text hidden-in-hover-trigger">@L["ContainerWidth:Boxed"]</span>
  							</a>
  						</li>
  
  						<li class="lpx-inner-menu-item">
  							<a class="lpx-menu-item-link lpx-menu-item selected" data-lpx-setting="full">
  								<span class="lpx-menu-item-icon">
  									<i class="lpx-icon bi bi-layout-three-columns" aria-hidden="true"></i>
  								</span>
  
  								<span class="lpx-menu-item-text hidden-in-hover-trigger">@L["ContainerWidth:FullWidth"]</span>
  							</a>
  						</li>
  					</ul>
  				</li>
  			}
  
  			<li class="outer-menu-item">
  				<a class="lpx-menu-item-link lpx-menu-item" data-lpx-setting-group="language">
  					<span class="lpx-menu-item-icon"><i class="lpx-icon bi bi-globe" aria-hidden="true"></i></span>
  
  					<span class="lpx-menu-item-text hidden-in-hover-trigger">@L["Language"]</span>
  
  					<i class="dd-icon hidden-in-hover-trigger lpx-caret bi-chevron-down" aria-hidden="true"></i>
  				</a>
  
  				<ul class="lpx-inner-menu hidden-in-hover-trigger collapsed" data-id="language">
  					@if (HasLanguages)
  					{
  						@foreach (var language in Languages)
  						{
  							<li class="lpx-inner-menu-item">
  								<a class="lpx-menu-item-link@(language.CultureName == CurrentLanguage.CultureName ? " selected" : string.Empty)"
  								@onclick="() => LanguagePlatformManager.ChangeAsync(language)">
  									<span class="lpx-menu-item-text hidden-in-hover-trigger">
  										@language.DisplayName / @(new
  								CultureInfo(language.CultureName).TwoLetterISOLanguageName.ToUpper())
  									</span>
  								</a>
  							</li>
  						}
  					}
  				</ul>
  			</li>
  		</ul>
  	</div>
  </div>
  
  

  Markdown supported.

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

  Save Cancel