Activities of "vishalnikam"

Hi Alper,

I just wanted to change ABP logo on login and other Anguler pages. Is ther any way to customise or configure it with minumum efforts.

This link you shared, talkes about Replacing a Angular bulid in component. Please suggest.

Thanks, Vishal Nikam

Component replacement will solve UI\Anguar part but what about adding new filed to Tenent entity and retrive from service ? How i can achive this?

this is fine with MVC. anything on Angualr side insted of Component Replacement? just to change logo.

Given document link is not that helpful. If could share sample code with me will be great

i could find theme logo file in assets\images but wher i can get the logo file for login page

Which Angular component should be replaced to change the application Logo .

Thanks. 2nd approch looks good for me but it applies to all theme. How to set Logo css propetry for specifc Theme and specifc Tenant.

Hi In my case, SetTenant instance event not occurring after tenant switch hence below code is out of reach.

else if (res instanceof SetTenant) { console.log(res.payload) // logs new tenant e.g. {id: '6391bd36-d4b1-8a22-5fd6-39f461b01b37', name: 'Amazon'} // your logic here }

Yes. here is the sample code.

this.actions.pipe(ofActionSuccessful(SetStyle, SetTenant)).subscribe((res) => {

    console.log(this.store.selectSnapshot(SessionState.getTenant)) // logs current tenant

    if (res instanceof SetStyle) {
      console.log(res.payload) // logs style number e.g. 1
      
      document.documentElement.style.setProperty(
        '--logo',
        `url('http://abp.io/assets/abp-logo-light.svg')`,
      );

      document.documentElement.style.setProperty(
        '--logo-reverse',
        `url('http://abp.io/assets/abp-logo-light.svg')`,
      );

    } 
    else if (res instanceof SetTenant) {
      console.log(res.payload) // logs new tenant e.g. {id: '6391bd36-d4b1-8a22-5fd6-39f461b01b37', name: 'Amazon'}
      
      document.documentElement.style.setProperty(
        '--logo',
        `url('../assets/images/logo/tenant.png')`,
      );

      document.documentElement.style.setProperty(
        '--logo-reverse',
        `url('../assets/images/logo/tenant.png')`,
      );
    }

  });
}

Yes. I dont see below console log.

console.log(res.payload) // logs new tenant e.g. {id: '6391bd36-d4b1-8a22-5fd6-39f461b01b37', name: 'Amazon'}