Search Function
A global search bar that enables you to find programs using keywords such as field of study, discipline or area of interest. 
Searchpage.png
The 'Tags' column in the database is queried with the keywords entered in the search bar. The grid with tiles containing program names and corresponding images is connected to a database (image below). When a search term corresponds exactly with a term in the tags column of a program, the program is returned in the search results.

PAGE CODE:

import wixData from 'wix-data';


$w.onReady(function () {


});

export function ITitle1_keyPress(event) {

    let SearchValue = ($w('#ITitle1').value);

    $w('#dataset1').setFilter(wixData.filter().contains('tags', SearchValue));

}

DATABASE:

Database view.png
Filter Function
Landing Page
Landing Page

On the landing page, you will have the option to either search for a program with keywords or filter your search by school or degree

Filter by School or Degree
Filter by School or Degree

On clicking the 'Filter by school or degree' button, two new buttons become visible: 'Filter by school' and 'Filter by degree'

Filtered Results
Filtered Results

After choosing an option from the drop-down list, the relevant results are displayed in the grid.

Landing Page
Landing Page

On the landing page, you will have the option to either search for a program with keywords or filter your search by school or degree

1/5

DATABASE VIEW:

Screenshot (193).png

Each degree field in the database is a Boolean field.

Screenshot (194).png

The School/Department field is a text field.

PAGE CODE:

Dynamic Page View

On clicking the 'View' button on each tile, users are led to a dynamic program page which is connected to the program database. For each program, users can see two tabs on the program page below the image: 1. Masters and 2. Doctoral. 

Clicking on the "Masters" tab will display the description of the Masters program while clicking on the "Doctoral" tab will display the description for the Doctoral program. The textbox with the description for the Masters programs is connected to the MDescription column in the database while the textbox with the description for the Doctoral programs is connected to the DDescription column in the database. Each textbox is displayed/hidden alternatively as you click on each tab. 

Page Elements
P_DP1.png
P_DP2.png
Database View:
Page Code: