How to change the side bar logo url on the profile page in abp.io blazor, it goes to swagger when clicked on it #4891

5 Answer(s)

• 

  0

  liangshiwei created 3 years ago

  Fullstack Developer

  Hi,

  You can override the _Sidebar.cshtml

  

  _Sidebar.cshtml

  @using Microsoft.Extensions.Localization
  @using Volo.Abp.AspNetCore.Mvc.UI.Theme.LeptonX.Themes.LeptonX.Components.SideMenu.MainMenu
  @using Volo.Abp.LeptonX.Shared.Localization
  
  @inject IStringLocalizer<LeptonXResource> L
  
  <div class="lpx-sidebar-container">
  	<div class="lpx-sidebar lpx-scroll-container" id="lpx-sidebar">
  		<nav class="lpx-nav">
  			<div class="lpx-logo-container">
  				<a href="/myUrl">
  					<div class="lpx-brand-logo"></div>
  				</a>
  				<i class="lpx-icon bi bi-filter-left menu-collapse-icon hidden-in-hover-trigger"
  				   aria-hidden="true"
  				   data-lpx-toggle="sidebar"></i>
  			</div>
  
  			<div class="lpx-menu-filter hidden-in-hover-trigger" data-lpx-menu-filter="sidebar">
  				<i class="lpx-icon bi bi-filter menu-filter-icon" aria-hidden="true"></i>
  				<input class="menu-filter-input hidden-in-hover-trigger" type="text" placeholder="@L["FilterMenu"]" />
  				<span class="menu-filter-clear hidden">
  					<i class="lpx-icon bi bi-x clear-icon" aria-hidden="true"></i>
  				</span>
  			</div>
  
  			<ul class="lpx-nav-menu" id="desktop-sidebar">
  				@await Component.InvokeAsync(typeof(MainMenuViewComponent))
  			</ul>
  		</nav>
  	</div>
  </div>
  

  

  Markdown supported.

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

  Save Cancel
• 

  0

  hardip created 3 years ago

  Hi,

  You can override the _Sidebar.cshtml

  

  _Sidebar.cshtml

  @using Microsoft.Extensions.Localization 
  @using Volo.Abp.AspNetCore.Mvc.UI.Theme.LeptonX.Themes.LeptonX.Components.SideMenu.MainMenu 
  @using Volo.Abp.LeptonX.Shared.Localization 
   
  @inject IStringLocalizer<LeptonXResource> L 
   
  <div class="lpx-sidebar-container"> 
    <div class="lpx-sidebar lpx-scroll-container" id="lpx-sidebar"> 
    	<nav class="lpx-nav"> 
    		<div class="lpx-logo-container"> 
    			<a href="/myUrl"> 
    				<div class="lpx-brand-logo"></div> 
    			</a> 
    			<i class="lpx-icon bi bi-filter-left menu-collapse-icon hidden-in-hover-trigger" 
    			   aria-hidden="true" 
    			   data-lpx-toggle="sidebar"></i> 
    		</div> 
   
    		<div class="lpx-menu-filter hidden-in-hover-trigger" data-lpx-menu-filter="sidebar"> 
    			<i class="lpx-icon bi bi-filter menu-filter-icon" aria-hidden="true"></i> 
    			<input class="menu-filter-input hidden-in-hover-trigger" type="text" placeholder="@L["FilterMenu"]" /> 
    			<span class="menu-filter-clear hidden"> 
    				<i class="lpx-icon bi bi-x clear-icon" aria-hidden="true"></i> 
    			</span> 
    		</div> 
   
    		<ul class="lpx-nav-menu" id="desktop-sidebar"> 
    			@await Component.InvokeAsync(typeof(MainMenuViewComponent)) 
    		</ul> 
    	</nav> 
    </div> 
  </div> 
  

  

  Hi,

  thank you for response.

  I don't have the _Sidebar.cshtml.

  So, do I create the new file with this name and override like above in that file?

  Markdown supported.

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

  Save Cancel
• 

  0

  liangshiwei created 3 years ago

  Fullstack Developer

  yes

  Markdown supported.

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

  Save Cancel
• 

  0

  hardip created 3 years ago

  yes

  thank you

  Markdown supported.

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

  Save Cancel
• 

  0

  liangshiwei created 3 years ago

  Fullstack Developer

  you can give it a try

  Markdown supported.

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

  Save Cancel