topic Setting up adf-search-control in Alfresco Forum

topic Setting up adf-search-control in Alfresco Forum https://connect.hyland.com/t5/alfresco-forum/setting-up-adf-search-control/m-p/16686#M7388 <HTML><HEAD></HEAD><BODY><P>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.</P><P></P><P>Steps I took:</P><OL><LI>installed npm packages:<OL><LI>@alfresco/adf-core, <SPAN>@alfresco/adf-content-services, @alfresco/adf-process-services, & alfresco-js-api</SPAN></LI></OL></LI><LI><SPAN>installed dependencies:</SPAN><OL><LI><SPAN>moment-es6</SPAN></LI><LI><SPAN>@mat-datetimepicker/core & @mat-datetimepicker/moment</SPAN></LI><LI><SPAN>@ngx-translate/core</SPAN></LI><LI><SPAN>rxjs-compat</SPAN></LI><LI><SPAN>minimatch-browser</SPAN></LI></OL></LI><LI><SPAN>I imported three modules in my app.module.ts file:</SPAN><OL><LI><SPAN>ContentModule, ProcessModule, & CoreModule</SPAN></LI></OL></LI><LI>I imported the component module on my shared controls file shared.module.ts<OL><LI>SearchModule (into imports & exports)</LI></OL></LI><LI>I coded the search component on the page:<OL><LI><BLOCKQUOTE class="jive_macro_quote jive-quote jive_text_macro"><DIV style="color: #ffffff;"><SPAN style="color: #000000;"><adf-search-control [highlight]="true"</SPAN></DIV><DIV style="color: #ffffff;"><BLOCKQUOTE class="jive-quote" style="margin: 0 0 0 40px; border: none; padding: 0px;"><SPAN style="color: #000000;">(optionClicked)="onItemClicked($event)"</SPAN></BLOCKQUOTE></DIV><DIV style="color: #ffffff;"><BLOCKQUOTE class="jive-quote" style="margin: 0 0 0 40px; border: none; padding: 0px;"><SPAN style="color: #000000;">(submit)="onSearchSubmit($event)"></SPAN></BLOCKQUOTE></DIV><DIV style="color: #ffffff;"><SPAN style="color: #000000;"></adf-search-control></SPAN></DIV></BLOCKQUOTE></LI></OL></LI></OL><P></P><P>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.</P></BODY></HTML> Mon, 22 Oct 2018 15:47:53 GMT nce 2018-10-22T15:47:53Z Setting up adf-search-control https://connect.hyland.com/t5/alfresco-forum/setting-up-adf-search-control/m-p/16686#M7388 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:installed npm packages:@alfresco/ad Mon, 22 Oct 2018 15:47:53 GMT https://connect.hyland.com/t5/alfresco-forum/setting-up-adf-search-control/m-p/16686#M7388 nce 2018-10-22T15:47:53Z Re: Setting up adf-search-control https://connect.hyland.com/t5/alfresco-forum/setting-up-adf-search-control/m-p/16687#M7389 <HTML><HEAD></HEAD><BODY><P>Hi, you can give a look at the following pages:</P><P></P><P><A class="link-titled" href="https://github.com/Alfresco/alfresco-ng2-components/blob/development/docs/content-services/search-filter.component.md" title="https://github.com/Alfresco/alfresco-ng2-components/blob/development/docs/content-services/search-filter.component.md" rel="nofollow noopener noreferrer">alfresco-ng2-components/search-filter.component.md at development · Alfresco/alfresco-ng2-components · GitHub</A> </P><P></P><P><A class="link-titled" href="https://github.com/Alfresco/alfresco-ng2-components/tree/development/demo-shell/src/app/components/search" title="https://github.com/Alfresco/alfresco-ng2-components/tree/development/demo-shell/src/app/components/search" rel="nofollow noopener noreferrer">alfresco-ng2-components/demo-shell/src/app/components/search at development · Alfresco/alfresco-ng2-components · GitHub</A> </P><P></P><P><A class="link-titled" href="https://github.com/Alfresco/alfresco-content-app/tree/master/src/app/components/search" title="https://github.com/Alfresco/alfresco-content-app/tree/master/src/app/components/search" rel="nofollow noopener noreferrer">alfresco-content-app/src/app/components/search at master · Alfresco/alfresco-content-app · GitHub</A> </P></BODY></HTML> Tue, 23 Oct 2018 10:19:28 GMT https://connect.hyland.com/t5/alfresco-forum/setting-up-adf-search-control/m-p/16687#M7389 eugenio_romano 2018-10-23T10:19:28Z