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 |