Global Search Result

Global Search Result

Follow these steps to customize the global search page:

1. Introduce an Axon Ivy project which has PortalTemplate as a required library.

2. Copy the PortalStart process from PortalTemplate to your project. This process is new home page and administrator should register this link by global

3. Refer to Customize Portal home to set new home page.

4. Create the customized search data model extends SearchResultsDataModel, and override the search method to filter your objects.

   Note

   It is recommended that lazy loading or pagination should be applied for custom tabs to have a good performance.

5. Create the HTML dialog using /layouts/SearchResultsTemplate.xhtml, recommended to copy the SearchResults HTML dialog in PortalTemplate. In dataclass, change the dataModel to the above one, and in logic, also cast it.

   

6. Define the custom-search section to add your customized tabs:

   <ui:composition template="/layouts/SearchResultsTemplate.xhtml">
       <ui:define name="custom-search">
       <p:tab title="Employees">
           <p:dataTable id="employee-table" value="#{data.dataModel.employees}" var="emp" sortBy="#{emp.firstName}">
           <p:column headerText="First Name" sortBy="#{emp.firstName}" filterBy="#{emp.firstName}">
               <h:outputText value="#{emp.firstName}" />
           </p:column>
           <p:column headerText="Last Name" sortBy="#{emp.lastName}" filterBy="#{emp.lastName}">
               <h:outputText value="#{emp.lastName}" />
           </p:column>
           <p:column headerText="Country" sortBy="#{emp.country}" filterBy="#{emp.country}">
               <h:outputText value="#{emp.country}" />
           </p:column>
           </p:dataTable>
       </p:tab>
       </ui:define>
   
       <ui:define name="css">
       <h:outputStylesheet library="css" name="examples.css" />
       </ui:define>
   </ui:composition>
   

7. Override the OpenPortalSearch callable process and change the HTML dialog to your customized one.

   Tip

   Refer to the example in the PortalExamples project:

   • CustomizedSearchResultsDataModel.java

   • CustomizedSearchResults HTML dialog

   • OpenPortalSearchOverride callable process