Ends in:
3 DAYS
12 HRS
36 MIN
9 SEC
Ends in:
3 D
12 H
36 M
9 S
Open Closed

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


User avatar
0
hardip created
  • ABP Framework version: v7.1.0
  • UI type: Blazor
  • DB provider: EF Core
  • Tiered (MVC) or Identity Server Separated (Angular): yes / no
  • Exception message and stack trace:
  • Steps to reproduce the issue:"

How to change the URL on the sidebar logo on the profile settings page?

Refer the attached images

the highlighted has url when it gets clicked it goes to the swagger url of the project, how to change this url?

as shown in the highlighted in the image, when its clciked it goes to swagger url

How to change this url for the profile page?


5 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Support Team 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>
    

  • User Avatar
    0
    hardip created

    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?

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    yes

  • User Avatar
    0
    hardip created

    yes

    thank you

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    you can give it a try

Made with ❤️ on ABP v9.1.0-preview. Updated on December 02, 2024, 12:35