Overview
The SItefinity connector is distributed with several built-in libraries for managing the presentation of Hawksearch. Currently, the Elastic API version supports ReactJS and Vue.js powered templates which enable the front-end layer to have structured data integration and modern behaviour, look and feel.
Each implementation has separate configuration and logic. Though most of the features are shared among them, the specifics of the framework architectures enables some distinct functionalities. At the current stage, extending and modifying the libraries implementation is partially limited, but key concepts distinctive to Sitefinity have been exposed and ready for configuring with various use cases.
Both front end libraries are loaded for in the Hawksearch widgets. Which one is currently in use depends on the used template markup. Since the widget template include all the required structures, selecting the library is only a matter of editing the template file.
Goal
This document provides information on managing the front-end libraries in the connector.
Prerequisite
Configured Hawksearch box or results widget.
Steps for switching between the libraries
Find the selected widget template for either the box or the results widget. Initially - the one named Default.cshtml
Both template structures should be included in the file, but one of them will be commented and the other - not. Comment the one you do not need and uncomment the desired one.
Save, re-build and refresh the page.
For more information on developing against React or Vue.js see the following:
React:
Enable React for Hawksearch box widget
Enable React for Hawksearch results widget
Vue.js:
Enable Vue.js for Hawksearch box widget
Enable Vue.js for Hawksearch results widget