ProjectName is not being SET #10264

6 Answer(s)

• 

  0

  AI-Bot created 10 hours ago

  Support Team ABP Agent

  1. Solution

  In ABP Angular + LeptonX, the text shown in the header/sidebar is taken from the Angular environment configuration, not from the backend. If it keeps showing ProjectName, it means the application.name field in your Angular environments still has the default value or the deployed build is not using the environment file you updated.

  Do the following:

  1. Update environment.ts (development)
     In angular/src/environments/environment.ts:

  export const environment = {
       production: false,
       application: {
         name: 'Brand Encoder', // <- your project name here
         logoUrl: '/assets/images/logo.png', // optional
       },
       // ... the rest is unchanged
     };
  

  2. Update environment.prod.ts (production)
     Since your dev app is deployed, it likely runs with production: true, so you must also update:

  // angular/src/environments/environment.prod.ts
     export const environment = {
       production: true,
       application: {
         name: 'Brand Encoder', // <- same name or any text you want
         logoUrl: '/assets/images/logo.png', // optional
       },
       // ... other config
     };
  

  3. Rebuild & redeploy the Angular app

     From the angular folder:

  # if you use yarn
     yarn
     yarn build --configuration production
  
     # or with npm
     npm install
     npm run build -- --configuration production
  

  Then redeploy the new dist output to your server (however you are currently publishing the Angular app). After deployment, clear the browser cache/hard reload.

  4. Verify

     • Open your app, log in, and check the top-left brand text: it should now display Brand Encoder (or whatever you configured).
     • If it still shows ProjectName, double‑check you actually deployed the new dist files and that you edited the same environment files used by the build configuration you are running.

  5. Sources

  • LeptonX Lite Angular – branding via application.name and logoUrl in environment.ts:
    https://abp.io/docs/latest/ui-themes/lepton-x-lite/angular
  • Angular menu/logo customization using application section in environment config:
    https://abp.io/docs/latest/framework/ui/angular/modifying-the-menu

  ---

  This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.

  Save Cancel
• 

  0

  ercharanjit created 10 hours ago

  I have deployed the app in AKS. and this the response of getEnvconfig

  { "production": "true", "application": { "baseUrl": "https://devapp.brandencoder.com", "name": "Brand Encoder Dev", "logoUrl": "" }, "oAuthConfig": { "issuer": "https://devapi.brandencoder.com/", "redirectUri": "https://devapp.brandencoder.com", "requireHttps": "false", "requireHttpsMetadata":"false", "certificatePassPhrase":"<Removed>", "clientId": "<Removed>", "responseType": "code", "scope": "offline_access <Removed>", "strictDiscoveryDocumentValidation": false, "skipIssuerCheck": true }, "apis": { "default": { "url": "https://devapi.brandencoder.com", "rootNamespace": "Rootfly.Fillit" } } }

  I have tested in my local as well

  

  Save Cancel
• 

  0

  AI-Bot created 10 hours ago

  Support Team ABP Agent

  1. Solution

  The text you see (ProjectName) is not taken from environment.application.name.
  It is a localization key rendered like this in the layout:

  {{ 'ProjectName' | abpLocalization }}
  

  Since there is a localization entry "ProjectName": "ProjectName", the UI shows exactly that.

  To change it, update your Angular localization files:

  1. Open the English localization file

     In your Angular project:

  angular/
       src/
         assets/
           abp/
             en.json
  

  2. Change the ProjectName value

     Find the ProjectName entry, which currently is something like:

  {
       "ProjectName": "ProjectName",
       ...
     }
  

  Change it to your desired name:

  {
       "ProjectName": "Brand Encoder Dev",
       ...
     }
  

  If you support other languages (e.g., tr.json, ar.json, …) update their ProjectName values as well.

  3. Rebuild and run

  # from angular/ folder
     npm install        # or yarn
     npm run start      # for local
     # or
     npm run build -- --configuration production   # for AKS/deployment
  

  Deploy the new build to AKS, then hard‑refresh the browser (Ctrl+F5).

  After this, the sidebar/header text where you currently see ProjectName will show Brand Encoder Dev (or whatever value you put in the localization file), while getEnvConfig will continue to reflect your environment settings correctly.

  2. Sources

  • Angular localization and JSON files:
    https://abp.io/docs/latest/framework/ui/angular/localization

  ---

  This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.

  Save Cancel
• 

  0

  ercharanjit created 10 hours ago

  There is a no project Key I have checked on both side front end and backend

  

  

  Save Cancel
• 

  0

  AI-Bot created 10 hours ago

  Support Team ABP Agent

  1. Solution

  The reason you still see ProjectName is that it is coming from localization, not from getEnvConfig or any string in your source code.

  In LeptonX Angular, the brand text in the left menu uses a localization key (in the theme library).
  If the key is not defined in your app’s localization, ABP shows the key itself.
  So if the theme uses "ProjectName" and there is no translation, the UI displays exactly ProjectName.

  Since you couldn’t find "ProjectName" in your solution, it is almost certainly defined in the theme’s template (node_modules), and you just need to provide a translation for that key.

  Do this:

  1. Add the key to Angular localization

  Edit your Angular localization JSON, for example:

  angular/src/assets/abp/en.json:

  {
    // ... existing keys
    "ProjectName": "Brand Encoder Dev"
  }
  

  If you have other languages (e.g. ar.json, fr.json, …) add the same key there too:

  {
    "ProjectName": "Brand Encoder Dev"
  }
  

  You don’t have to find an existing ProjectName key.
  Just add it – ABP will merge it with the built‑in resources and the theme’s {{ 'ProjectName' | abpLocalization }} will start using your value.

  2. Rebuild and run

  For local:

  cd angular
  npm install        # or yarn
  npm run start
  

  For AKS / production:

  cd angular
  npm run build -- --configuration production
  # deploy the new dist/ to AKS
  

  Then hard‑refresh the browser (Ctrl+F5).

  After this, the highlighted text that currently shows ProjectName will display Brand Encoder Dev (or whatever you set in the localization file), independent of what getEnvConfig returns.

  ---

  2. Sources

  • Angular localization & JSON files (how to add/override keys):
    https://abp.io/docs/latest/framework/ui/angular/localization
  • LeptonX Angular theming (brand/logo controlled via theme + localization):
    https://abp.io/docs/latest/ui-themes/lepton-x/angular

  ---

  This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.

  Save Cancel
• 

  0

  ercharanjit created 10 hours ago

  

  I have added a key, but I didn't find any documentation saying this Key is required. Team, can you check and let me know what the problem is here

  Save Cancel