{"type":"doc","content":[{"type":"heading","attrs":{"level":2},"content":[{"text":"Goal","type":"text"}]},{"type":"paragraph","content":[{"text":"Display any field from the search results as a custom label. This label can be used in any of the components and could fetch all field data associated with the current set parameters. For visualizing data in the layout, the ","type":"text"},{"text":"CustomResultsLabel ","type":"text","marks":[{"type":"em"}]},{"text":"component is used. It will be placed in the extended template of the designated parent component. For this example - the Results component.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Steps to place the label","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Navigate to the directory of the currently active widget template (e.g. Mvc\\Views\\Hawksearch\\Hawksearch.Default.cshtml or the relevant resource package).","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Copy the file of the base template and name it accordingly.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Edit the file adding or replacing the template override for the ","type":"text"},{"text":"Results ","type":"text","marks":[{"type":"em"}]},{"text":"component:","type":"text"}]},{"type":"codeBlock","content":[{"text":" ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add the ","type":"text"},{"text":"","type":"text","marks":[{"type":"strong"}]},{"text":" where the response field should be visualized (ln.7). In this example, the number of results is displayed after the search results label. The name of the field is passed to the results-field prop (i.e. Pagination.NofResults). These values follow the same convention as the one in the result item: ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://bridgeline.atlassian.net/wiki/spaces/CON/pages/3468464357"}},{"text":" ","type":"text"}]},{"type":"codeBlock","content":[{"text":" ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The end result so far is only the value of the field. To dynamically display additional labels around the required field, the component provides several ","type":"text"},{"text":"slots","type":"text","marks":[{"type":"em"}]},{"text":". Currently, there are three available: ","type":"text"},{"text":"before","type":"text","marks":[{"type":"em"}]},{"text":", ","type":"text"},{"text":"after ","type":"text","marks":[{"type":"em"}]},{"text":"and default (i.e. ","type":"text"},{"text":"instead","type":"text","marks":[{"type":"em"}]},{"text":") slot. With this example, the label will be either ","type":"text"},{"text":"Found 12 results","type":"text","marks":[{"type":"strong"},{"type":"em"}]},{"text":" or ","type":"text"},{"text":"No results found","type":"text","marks":[{"type":"strong"},{"type":"em"}]},{"text":" depending on the search output.","type":"text"}]},{"type":"codeBlock","content":[{"text":" ...\n\n \n \n \n \n \n \n ...","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Include the file in the project.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Save, build and reload the site.","type":"text"}]}]}]}],"version":1}

Browser not supported