The Candidate Space home page

The home page for Candidate Space is named welcome.html in the CandidateSpace.zip file. If you are using Career Space, the home page is candidatespace.html in the source (src) directory.

The home page has this structure:

  • Header: The area where you place your corporate logo and any navigation links to your corporate web sites.
  • Background: The background against which your job board is displayed. That is, gradient or background image.
  • Navigation bar: includes the links to four main job board pages: Job Listings, My Profile, My Job Cart, and My Applications. It includes the Sign-in and Sign-out, Language, and Help buttons.

    Content area: The area where the Candidate Space data is displayed. For example, job listings.

  • Footer bar: Typically contains copyright information.

The home page is designed to integrate into your corporate website. Aside from the navigation bar, the Candidate Space functionality is handled by pages loaded in the content area frame.

This distinction is respected by the file structure. Some CSS and JS files are specific to the welcome page. Some are specific to the content or detail pages.

The css files in the themes folder are designed for customization. The more specialized files in the css folder are less amenable to user changes. Many of the look and feel items throughout Candidate Space can be customized by editing the files in the themes folder.

CSS and JS files specific to the home page

File Description
css/candidateSpaceMain-ltr.css Cascading style sheets for left-to-right languages such as English.
css/candidateSpaceMain-rtl.css Cascading style sheets for right-to-left languages such as Arabic.
js/parentGlobal.js Javascript file for welcome.html or candidatespace.html settings
themes/styles.css Themes for welcome.html or candidatespace.html

CSS and JS files specific to the detail pages

css/candidateSpaceDetail.css Common styles for detail pages
css/candidateSpaceDetail-ltr.css Cascading style sheets for left-to-right languages such as English.
css/candidateSpaceDetail-rtl.css Cascading style sheets for right-to-left languages such as Arabic.
js/global.js Javascript file for detail pages settings
themes/stylesDetail.css Themes for detail pages