Setting up adf-search-control

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

nce

I have an existing Angular 6 app that I am incorporating the adf-search-control into without using the yeoman generator. Currently, I've solved all errors but the control does show but it is rendered in the html when I inspect the elements on the page.

Steps I took:

1. installed npm packages:
   1. @alfresco/adf-core, @alfresco/adf-content-services, @alfresco/adf-process-services, & alfresco-js-api
2. installed dependencies:
   1. moment-es6
   2. @mat-datetimepicker/core & @mat-datetimepicker/moment
   3. @ngx-translate/core
   4. rxjs-compat
   5. minimatch-browser
3. I imported three modules in my app.module.ts file:
   1. ContentModule, ProcessModule, & CoreModule
4. I imported the component module on my shared controls file shared.module.ts
   1. SearchModule (into imports & exports)
5. I coded the search component on the page:

   1. <adf-search-control [highlight]="true"

      (optionClicked)="onItemClicked($event)"

      (submit)="onSearchSubmit($event)">

      </adf-search-control>

But it's not visible on the page. I also do not know how to hook this up to a query. Any help would be much appreciated.

eugenio_romano

Hi, you can give a look at the following pages:

alfresco-ng2-components/search-filter.component.md at development · Alfresco/alfresco-ng2-components · GitHub 

alfresco-ng2-components/demo-shell/src/app/components/search at development · Alfresco/alfresco-ng2-components · GitHub 

alfresco-content-app/src/app/components/search at master · Alfresco/alfresco-content-app · GitHub