© 2019 Gautam Malyala

Search Function
A global search bar that enables you to find programs using keywords such as field of study, discipline or area of interest. 
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:

Filter Function

DATABASE VIEW:

Each degree field in the database is a Boolean field.

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
Database View:
Page Code: