Custom Languages switch component in public website project #7208

11 Answer(s)

• 

  0

  Anjali_Musmade created 6 months ago

  Support Team Support Team Member

  Hello,

  please check out https://docs.abp.io/en/commercial/7.4/modules/language-management

  Thanks

  Save Cancel
• 

  0

  dzungle created 6 months ago

  Hello Anjali,

  The documentation you provided is only about customizing the languages management module in Angular application.

  Please, advise me how to do in the Public.Web project (MVC public website). How can I find the source code of the Languages Switch component in the MVC project? And please explain the code flow of the MVC website project that implement multi languages feature so that I can customize the component.

  Thank you

  Save Cancel
• 

  0

  Anjali_Musmade created 6 months ago

  Support Team Support Team Member

  Hello again,

  sorry its my bad I didn't understood your case at first glance.

  You can download the source code of Leptonx from ABP suite like

  In that you can find code for Languages Switch component as shown in ss

  you can download it and then customize it as per your requirement.

  also have look to the previous documentation https://docs.abp.io/en/commercial/6.0/themes/lepton-x/commercial/mvc#main-menu if it helps you

  Thanks

  Save Cancel
• 

  0

  dzungle created 6 months ago

  Hi Anjali,

  Could you please show me how customize the header of the website in order to:

  • Change the size of the logo and the logo-icon.
  • Add brand nane text (My Company Name) next to the logo.
  • Add some more text next (my company slogan) to the brand name.

  

  Thank you in advance

  Save Cancel
• 

  0

  Anjali_Musmade created 6 months ago

  Support Team Support Team Member

  Hello,

  you may check this documentation https://docs.abp.io/en/commercial/7.4/themes/lepton-x/angular#brand-component to customize the header.

  thanks

  Save Cancel
• 

  0

  dzungle created 6 months ago

  Hi Anjali,

  Again, could you please show me how to customize the header of the website project (not the Angular application)?

  Thank you

  Save Cancel
• 

  0

  Anjali_Musmade created 6 months ago

  Support Team Support Team Member

  Hello,

  for website project you can customize header using https://docs.abp.io/en/commercial/latest/themes/lepton-x/mvc#main-header-branding

  thanks

  Save Cancel
• 

  0

  dzungle created 6 months ago

  Hello Anjali,

  1. I have read the document: https://docs.abp.io/en/commercial/latest/themes/lepton-x/mvc#main-header-branding.

  But there's no component described in the doc:

  2. By the way, how can I change/customize the footer of the website: change the text (Lepton Theme by Volosoft), add links to the menu (Privacy, About, Contact).

  Thank you

  Save Cancel
• 

  0

  Anjali_Musmade created 5 months ago

  Support Team Support Team Member

  Hello,

  1. To change logo-

  2. To change Branding Name-

  3. To Customize footer- you may customize Footer page

  I hope it will help you, Thanks

  Save Cancel
• 

  0

  dzungle created 5 months ago

  Hello Anjali,

  I have created my solution without downloading source code of the built-in modules and components. As far as I understand your instruction, in order to customize the footer of the public website, I will have to download the source code into my solution.

  Please, guide me which source code do I have to download and how to do this? My solution is based on: ABP Framework version: v7.4.4 UI Type: Angular Database System:MongoDB Tiered (for MVC) or Auth Server Separated (for Angular): no

  Thank you

  Save Cancel
• 

  0

  Anjali_Musmade created 5 months ago

  Support Team Support Team Member

  Hello,

  You have to download the source code of LeptonX as I was already given but make sure your version of LeptonX while downloading select the same one - https://support.abp.io/QA/Questions/7208/Custom-Languages-switch-component-in-public-website-project#answer-3a1297b7-1ed1-2b89-0d9f-ed99690bb61f

  You don't need to add it to your application. Download it separately and create a new page Footer.razor at the same path as given above and you can check the code for reference or customize the new footer as per your requirement.

  Thanks

  Save Cancel