Students page

Info Required Modules: View, ViewUI

This section will guide you to create the Students page just like the demo

A. Create Student Profile content type

Step 1 Go to Content. Click "Add content" link. Choose "Student profile" link

Step 2 Add a Student profile article with following properties.

Step 3 Repeat steps 1-2 to add several articles.

B. Create view

Step 1 Go to Structure > Views. Create Student page view with following settings:

Step 2 Click "Continue and edit" button. A new popup is opened with following properties:

Step 3 At FORMAT area, click Grid setting and set following properties:

Step 4 At FIELDS area, click "Add" button to create "Content: Student Image" field with following properties:

Step 5 At FIELDS area, click "Add" button to create "Content: Dept" field with following properties:

Step 6 At FIELDS area, click "Add" button to create "Content: Age" field with following properties:

Step 7 At FIELDS area, click "Add" button to create "Content: Sex" field with following properties:

Step 8 At FIELDS area, click "Add" button to create "Content: Social" field with following properties:

Step 9 At FIELDS area, click "Rearrange " button and set fields with following oder:

Step 10 At FILTER CRITERIA area, click "Add " button to created Content: Type (= Student Profile) field with following properties:

Step 11 At OTHER area, click "None" link and input class following name:

Css Class value: students_page

Step 13 Click Save view button