Hi, Thanks for the update. I had to override some styles as there was a conflict with bootstrap. It looks far better compared to before. There is another issue.
The below code is my component where i was able to successfully render the document by calling selectFile() method. I want to modify few things in this service sign() from SignatureService.ts and call it explicitly in my Component. Attached here is the image. Can you please let me know how can i do it ?
image.png (147.4 KB)
import { Component, AfterViewInit, Input, ComponentRef } from '@angular/core';
import { SignatureAppComponent, SignatureService, SignatureConfigService, SelectSignatureService, DragSignatureService, RemoveSignatureService, ActiveSignatureService, SignaturesHolderService, CopySignatureService } from '@groupdocs.examples.angular/signature';
import {
FileDescription,
FileModel,
ModalService,
UploadFilesService,
NavigateService,
PagePreloadService,
PageModel,
ZoomService,
RenderPrintService,
FileUtil,
PasswordService,
FileCredentials,
CommonModals,
HostingDynamicComponentService,
AddDynamicComponentService,
OnCloseService,
ExceptionMessageService,
WindowService,
Utils,
TabActivatorService,
TopTabActivatorService
} from "@groupdocs.examples.angular/common-components";
@Component({
selector: 'digi-sign',
templateUrl: './digi-sign.component.html',
styleUrls: ['./digi-sign.component.less','../variables.less']
})
export class DigiSignComponent extends SignatureAppComponent implements AfterViewInit {
constructor( _signatureService: SignatureService,
_modalService: ModalService,
configService: SignatureConfigService,
uploadFilesService: UploadFilesService,
_navigateService: NavigateService,
_zoomService: ZoomService,
pagePreloadService: PagePreloadService,
_renderPrintService: RenderPrintService,
passwordService: PasswordService,
_windowService: WindowService,
_selectSignatureService: SelectSignatureService,
_signatureTabActivationService: TopTabActivatorService,
_hostingComponentsService: HostingDynamicComponentService,
_addDynamicComponentService: AddDynamicComponentService,
_dragSignatureService: DragSignatureService,
_onCloseService: OnCloseService,
removeSignatureService: RemoveSignatureService,
_activeSignatureService: ActiveSignatureService,
_excMessageService: ExceptionMessageService,
_signaturesHolderService: SignaturesHolderService,
_tabActivatorService: TabActivatorService,
copySignatureService: CopySignatureService) {
super( _signatureService,
_modalService,
configService,
uploadFilesService,
_navigateService,
_zoomService,
pagePreloadService,
_renderPrintService,
passwordService,
_windowService,
_selectSignatureService,
_signatureTabActivationService,
_hostingComponentsService,
_addDynamicComponentService,
_dragSignatureService,
_onCloseService,
removeSignatureService,
_activeSignatureService,
_excMessageService,
_signaturesHolderService,
_tabActivatorService,
copySignatureService);
}
@Input() guid : string;
ngAfterViewInit() {
if(this.guid !== undefined){
super.selectFile(this.guid," "," ");
}
}
}