MainToolbarLink customization #5802

11 Answer(s)

• 

  0

  Anjali_Musmade created 3 years ago

  Support Team Member

  Hello icoretchi,

  Please try with this code

  <a class="align-items-baseline btn d-flex justify-content-end" role="button" href="authentication/login"> <i class="fa fa-sign-in me-1"></i> @L["Login"] </a>

  please do let me know if this helps you

  Thank you, Anjali

  Markdown supported.

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

  Save Cancel
• 

  0

  icoretchi created 3 years ago

  Hi Anjali,

  It's stll the same.

  Markdown supported.

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

  Save Cancel
• 

  0

  Anjali_Musmade created 3 years ago

  Support Team Member

  Hello icoretchi,

  I have added this code

  

  and it works at my end as I have used this d-flex class which is coming from global css. If it is not present at your end you can add it to css.

  .d-flex {
      display: flex!important;
  }
  

  

  Please check once and let me know if it helps you

  Thank you, Anjali

  Markdown supported.

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

  Save Cancel
• 

  0

  icoretchi created 3 years ago

  Unfortunatly it's still the same. Could you share with me the project you are experimenting. Thanks.

  Markdown supported.

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

  Save Cancel
• 

  0

  Anjali_Musmade created 3 years ago

  Support Team Member

  Hello icoretchi,

  you can check this Demo Solution

  regards, Anjali

  Markdown supported.

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

  Save Cancel
• 

  0

  icoretchi created 3 years ago

  Hi,

  It's very strange. Everything is the same but in my case is working.

  Markdown supported.

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

  Save Cancel
• 

  0

  icoretchi created 3 years ago

  Hi,

  Somehow after playnig with global.css and global.js (I mean deleting, importing from another project, bundling again) I succede to see the link. But appeared another problem if I include the LoginLinkComponent.razor, the LeptonX style disappearing.

  

  Markdown supported.

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

  Save Cancel
• 

  0

  Anjali_Musmade created 3 years ago

  Support Team Member

  Hello icoretchi,

  Could you please share changes done in global.css and global.js which will help me to reproduce the exact issue.

  It will help us to assist you in better way

  Regards,

  Markdown supported.

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

  Save Cancel
• 

  0

  icoretchi created 3 years ago

  Hi Anjali,

  Just try to generate a new project based on Microservice template and choose Blazor Wasm as UI framework and apply the modification we discuss for LoginLink. And by the way what we have done so far will replace the MainToolbar entirely, but my intention was just to modify the Login icon and text and leave all other items unchanged.

  Thanks & Regards

  Markdown supported.

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

  Save Cancel
• 

  0

  Anjali_Musmade created 3 years ago

  Support Team Member

  Hello icoretchi,

  I have created new razor component named as AppMainHeaderToolbarUserMenu.razor under *.Blazor/Components/Layout and added following code. Please try with this code provided in link AppMainHeaderToolbarUserMenu

  It is working at my end like this

  

  Please do let me know if it helps you

  Thank you, Anjali

  Markdown supported.

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

  Save Cancel
• 

  0

  icoretchi created 3 years ago

  Hi Angali,

  Yes. It works. Thanks.

  Markdown supported.

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

  Save Cancel