In this article you will find:
| Table of Contents |
|---|
Overview
The Sitefinity connector is distributed with several built-in libraries for managing the presentation of Hawksearch. Currently, the V4 version supports ReactJS and Vue.js powered templates which enable the front-end layer to have structured data integration and modern behavior, 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 their dedicated 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
| Info |
|---|
Configured Hawksearch box or results widget. Configuring ' Hawksearch results ' Widgetwidget |
Steps for switching between the libraries
Find the selected widget template for either the box or the results widget. Initially - the one named <WidgetName>.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.
| Info |
|---|
The dedicated structures are pretty separate, but if you have any doubts see these: Setup Hawksearch results with Vue.js Setup Hawksearch box with Vue.js 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: |