It seems that there is a bug with Suite which doesn't update angular dependencies. Could you try to update the angular packages to v5.0.0? You can update any package starting with @abp
and @volo
.
Can you check the abp
and volo
packages from node_modules? You still might not be using v5. It looks fine for me when I run the project. Also, your credit is refunded. Thanks for reporting this issue.
Hello,
If you can download the source code, you can add it to your project and customize it as you see fit.
If you do not have access to the source code, you can replace the chat component with 'Chat.ChatComponent'
. For more details, please refer to the docs
If you could override the existing endpoint and add new a parameter, then you could do the following on the angular side:
...
action: data => {
const tenantComponent = data.getInjected(TenantsComponent);
tenantComponent.filters['tenanttype'] = '1';
}
This way, it'll be independent of the search field.
Hello,
We've been working on a new version of the Lepton Theme called LeptonX. We've released an alpha version for it that works with ABP v4. You can read more about it here
We are working on a beta version that soon will be released.
You can develop your own theme. The ABP packages use bootstrap components internally so even if you develop your theme with some other framework like Material, you'd still need to style our internal components to make it look good with your theme.
Please refer to the docs
Hello,
You can follow the instructions in the docs
No problem :)
Have a good one Bunyamin
Hello,
The size
input of the abp-modal
was deprecated and has been removed since v5. Related issue
You need to pass your size as follows:
<abp-modal [options]="{size: 'xl'}">
The options
input accepts an object type of NgbModalOptions
Hello,
This seems to be a bug. I've created an issue to fix this. It'll be fixed in the next patch release.
For a temporary solution, you can follow these steps:
app.module.ts
. Let's call it my-document-dir.handler.ts
providers
array of app.module.ts
import { getLocaleDirection, LocalizationService } from '@abp/ng.core';
import { LocaleDirection } from '@abp/ng.theme.shared';
import { Injectable, Injector } from '@angular/core';
import { BehaviorSubject } from 'rxjs';
import { map } from 'rxjs/operators';
@Injectable()
export class MyDocumentDirHandlerService {
private dir = new BehaviorSubject<LocaleDirection>('ltr');
dir$ = this.dir.asObservable();
constructor(protected injector: Injector) {
this.listenToLanguageChanges();
}
private listenToLanguageChanges() {
const l10n = this.injector.get(LocalizationService);
l10n.currentLang$.pipe(map(locale => getLocaleDirection(locale))).subscribe(dir => {
this.dir.next(dir);
this.setBodyDir(dir);
});
}
private setBodyDir(dir: LocaleDirection) {
document.body.dir = dir;
document.dir = dir;
}
}
// ...
import { DocumentDirHandlerService, ThemeSharedModule } from '@abp/ng.theme.shared';
import { MyDocumentDirHandlerService } from './my-document-dir.handler';
@NgModule({
// ...
imports: [
...
],
providers: [
// ...
{ provide: DocumentDirHandlerService, useClass: MyDocumentDirHandlerService },
],
bootstrap: [AppComponent],
})
export class AppModule {}