Open Closed

Custom Languages switch component in public website project #7208


User avatar
0
dzungle created
  • ABP Framework version: v7.4.4
  • UI Type: Angular
  • Database System:MongoDB
  • Tiered (for MVC) or Auth Server Separated (for Angular): no
  • Exception message and full stack trace:
  • Steps to reproduce the issue:

Hi support team,

Please advise me how to customize the languages switch component in the Public.Web project. How can I find the source code? And explain the code flow of the Public.Web project that use the built-in Languages Management module.

Thank you in advance


11 Answer(s)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hello,

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

    Thanks

  • User Avatar
    0
    dzungle created

    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

  • User Avatar
    0
    Anjali_Musmade created
    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

  • User Avatar
    0
    dzungle created

    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

  • User Avatar
    0
    Anjali_Musmade created
    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

  • User Avatar
    0
    dzungle created

    Hi Anjali,

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

    Thank you

  • User Avatar
    0
    Anjali_Musmade created
    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

  • User Avatar
    0
    dzungle created

    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:

    1. 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

  • User Avatar
    0
    Anjali_Musmade created
    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

  • User Avatar
    0
    dzungle created

    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

  • User Avatar
    0
    Anjali_Musmade created
    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

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