Taleo Enterprise Career Section Branding Definition Version 7.5 March 2010
Confidential Information It shall be agreed by the recipient of the document (hereafter referred to as the other party ) that confidential information disclosed by Taleo through its documents shall be retained in confidence by the other party, and its respective employees, affiliates and/or subsidiaries, pursuant to the following terms and conditions: For the purpose herein, the term Confidential Information shall mean the following: i. Any information, know-how, data, process, technique, design, drawing, program, formula or test data, work in process, business plan, sales, suppliers, customer, employee, investor or business information contained in a document, whether in written, graphic, or electronic form; or ii. Any document, diagram, or drawing which is either conspicuously marked as Confidential, known or reasonably known by the other party to be confidential, or is of a proprietary nature, and is learned or disclosed in the course of discussions, demonstrations, or other collaboration undertaken between the parties. Taleo Corporation 2010 Do not reproduce without the written permission of Taleo Corporation TALEO CONFIDENTIAL INFORMATION Page ii
Revision History The following table provides information on changes that have been made to this document since it was first published. Date Modifications Chapter June 2009 March 2010 Changes were made to the The "theme" folder can contain sub-folders... section. Sentence now reads: However, JavaScript files cannot be activated without the review and approval of Taleo which requires a SOW. Sentence now reads: Taleo who is responsible for activating the branding when JavaScript is involved Several changes to text in Activating the Branding - Performed by the System Administrator section. A sentence was removed: No fee if the file Producing a Valid Branding Definition - Performed by your Organization s Web Team Important Information Regarding Branding Creating a Career Portal Brand Activating the Branding - Performed by the System Administrator What is the standard SOW fee? TALEO CONFIDENTIAL INFORMATION Page iii
Table of Contents To go directly to a specific section, click the corresponding heading in the table of contents. Confidential Information...ii Description of the Career Portal Brands Page...5 Viewing Information Regarding a Career Portal Brand...7 Important Information Regarding Branding...8 Creating a Career Portal Brand...10 Producing a Valid Branding Definition - Performed by your Organization s Web Team...10 Uploading the Branding File - Performed by your Organization s Web Team...13 Activating the Branding - Performed by the System Administrator...13 Assigning a Branding to a Career Section - Performed by the System Administrator...14 Questions Regarding Taleo Hosted Career Section Branding...15 TALEO CONFIDENTIAL INFORMATION Page iv
Description of the Career Portal Brands Page Taleo offers your organization multiple ways to have each of your career section branding work. Taleo supports iframe, Pop-up and Taleo Career Portal Branding. The recommended option is the Taleo Career Portal Branding because it ensures seamless branding and an optimal candidate user experience. However, this should be evaluated on a career section by career section basis. In some situations, the iframes or Pop-up options may still be the best method for a specific career section. The branding feature offers your organization with significant control over the look and feel of each of your career sections. Your organization submits a compressed ("zip") file that contains the branding definition, that is a XHTML file and all the required static files (images, JavaScript, CSS, objects). The file (conforming to Taleo's specifications) can include left and right navigation items as well as heading and footer content, which together enable your organization to create a career section that conveys a particular look and feel. The URL of each career section that will use the branding must be attached. The file is saved in your organization's database zone and is cached by the Taleo file system. When candidates access the career section, the cached files are accessed. Taleo is hosting the entire Web page (versus the page being embedded as a frame), therefore eliminating double scrolling for candidates. Since Taleo is hosting the page, the Taleo URL is used. If your organization has more than one brand, a separate compressed file can be created for each of them. Your organization can then assign any one of those brands to a single career section or can assign a brand to multiple career sections. To access the Career Portal Brands page, click Career Portal Brands in the Career Sections Setup page. The Refine by list allows you to filter career portal brands according to different criteria (for example, code, name, status). TALEO CONFIDENTIAL INFORMATION 5
The Create link allows you to create a career portal brand. See Creating a Career Portal Brand. In the Career Portal Brands list, the code, name and status of the career portal brand are provided. In the Actions column, the Delete button allows you to delete specific career portal brands. Numbers on the right side indicate the number of career portal brands displayed on the current page and the total number of career portal brands in your organization. For example, "1-14 out of 19". If the list spans multiple pages, links to these pages are displayed immediately to the right. TALEO CONFIDENTIAL INFORMATION 6
Viewing Information Regarding a Career Portal Brand To access a career portal brand, click on the name of the career portal brand in the Career Portal Brands page. The Language section allows you to view an element is a specific language and to create an element in a new language. The Career Portal Brand page contains the properties (code, name, description, status) as well as the name of the branding file. Click Edit to modify the properties. See Uploading the Branding File - Performed by your Organization s Web Team. For information on the branding file, see Producing a Valid Branding Definition - Performed by your Organization s Web Team. The History section provides information such as the date and time of an event, a description and details on an event, as well as the actor (person or system) who performed the event. TALEO CONFIDENTIAL INFORMATION 7
Important Information Regarding Branding Career sections (whether they use or do not use the new Taleo branding feature) have been designed to fit in a 720 pixel size. This width, along with a 1024 x 768 screen resolution, provides a more pleasing appearance, more white space, and consequently, superior readability. The career section will automatically adjust to either: The size of the window where it is placed. The size specified in the branding file. The size of the frame where it is placed. Your organization should take into account the new recommended page width while creating the branding, XHTML code and images that will be included in the compressed file. To take full advantage of the new user interface, your organization should use this migration as an opportunity to update the branding around the career section using the new administration tools (as opposed to using your current frame or popup approach). Given this new branding, your organization should modify its career section page (1024 x 768 screen resolution) to account for the new 720 pixel size. The career section will adjust to the size of the frame (720 pixels or other). For example, if your organization uses a 600 pixel wide frame, the career section will fit that space automatically. However, if the pixel size drops below the recommended 720 pixel size, the career section will become compressed and some features will either need to be turned off to accommodate the lack of space or will appear squeezed on the screen. When migrating to Taleo Enterprise Edition 7.5, Taleo will still support the following: Frames Popups Frames and pop-up windows, though they continue to be supported in version 7.5, are no longer necessary. Should your organization decide to forego frames and pop-up windows, it should take this into account while creating the branding, XHTML code, and images that will be included in the XHTML file. One important advantage of dispensing with frames is the elimination of double sets of scroll bars (common to career section pages created in Taleo Enterprise Edition 7.0). Candidates are sure to find Web pages that contain a single pair of scroll bars much easier to navigate. TALEO CONFIDENTIAL INFORMATION 8
The new Taleo hosted career section branding feature offers organizations significant control over the look and feel of their career sections, but organizations are not required to use this feature. Though Taleo recommends the use of this new feature, Taleo Enterprise Edition 7.0 clients who wish to continue using frames and pop-up windows after they migrate to version 7.5 may do so. There is no dynamic content based on the type of job search performed within a career section. For example, with Taleo hosting the page, it is not possible to display marketing content on a career section when candidates search for marketing jobs. Branding can be set per career section. If your organization wants marketing jobs to drive marketing content, you should create different career sections for different target audiences. The Career Section Administration module supports the upload of JavaScript files. However, JavaScript files cannot be activated without the review and approval of Taleo which requires a SOW. TALEO CONFIDENTIAL INFORMATION 9
Creating a Career Portal Brand Different people are involved in the creation of the career portal brand: your organization s Web team who is responsible for producing the branding definition and for uploading and testing the branding file in the Career Section Administration module. Taleo who is responsible for activating the branding when JavaScript is involved. your organization s system administrator who is responsible for assigning a branding to a career section. Producing a Valid Branding Definition - Performed by your Organization s Web Team The branding definition is contained in a compressed ("zip") file. This compressed file includes an XHTML file and all the required static files (images, JavaScript, CSS, objects). The maximum size of the compressed ("zip") file is 1 MB. It is possible to set one branding file for each specific locale (a locale being a language or the combination of a language with a location. For example, en_gb for English in Great Britain). When creating a career section brand, you must specify a base locale among all branding files submitted. If a career section using a brand is accessed with a locale where no file was submitted, the branding file associated to the base locale will be used. The branding file must contain two elements: A file named "index.html" A folder named "theme". The "theme" folder can contain sub-folders to help you organize the files. For example: CSS: This folder contains.css files referred by the "index.html" file. Images: This folder contains images referred by the "index.html" file. The format of images must be supported by the principal Web browsers. JS: This folder contains JavaScript files (.js) referred by the "index.html" file. Objects: This folder contains objects (for example, applet classes, flash animation files) referred by the "index.html" file. TALEO CONFIDENTIAL INFORMATION 10
Any references or calls made externally to images and/or objects shall always be validated and authorized in writing by Taleo before the client can upload the branding file. This validation is performed according to an SOW and is billed accordingly. When creating the compressed ("zip") file, the compressed file MUST NOT INCLUDE the folder that contains the "index.html" file and the "theme" folder. For example, if you create a compressed file by right clicking the ABC folder in Windows Explorer and selecting Sent To > Compressed (zipped) Folder, the compressed file created will include a folder named ABC and this will cause problems. The compressed file MUST include at the root: a file named "index.html" AND a folder named "theme". If these items are included in a folder, it will not work. You have two solutions: SOLUTION 1 - Create a new compressed file and drag-and-drop the "index.html" file and the "theme" folder in it. To do so: In Windows Explorer, select the ABC folder. Right click on the right-hand side of the window. Select New > Compressed (zipped) File. Name your file. Drag-and-drop the "index.html" file and the "theme" folder in the compressed file. SOLUTION 2 - Create a compressed file directly using the "index.html" file and the "theme". To do so: In Windows Explorer, select the "index.html" file and the "theme" folder in the ABC folder. Right click and select Sent To > Compressed (zipped) Folder. A compressed file is created. Rename your file if necessary. The "index.html" file must host the objects (images, CSS, flash, JavaScript). The "index.html" file must be XHTML 1.0 Strict. Declare the following DOCTYPE at the beginning of the XHTML file because the browser uses that information to properly display the page elements and attributes in your code. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> The "index.html" file must contain an <insertcontent> tag which will be used to insert Taleo content in the page. In the "index.html" file, the <insertcontent> tag must not be inside a form tag. In the "index.html" file, all the html tags must be declared with the "http://www.w3.org/1999/xhtml" namespace. In the "index.html" file, the <insertcontent> tag must be declared with the "http://www.taleo.com/templates" namespace. For example, <insertcontent xmlns="http://www.taleo.com/templates" /> When creating the branding file, if your organization is using CSS definitions on standard HTML tags, this will have an impact on the Theme configuration. If discrepancies occur, Taleo will not have the ability to provide any support. For example, in a career section using TALEO CONFIDENTIAL INFORMATION 11
branding, hyperlinks are black. But in the career section s theme, the hyperlinks are defined as being blue. If the branding file contains JavaScript, the file must be analyzed and approved by Taleo before it will be activated. This validation will ensure that the file does not contain code that would compromise Taleo's infrastructure. Such validation requires a SOW and an extra fee. If your organization requires a SOW for the JavaScript validation, please contact your Taleo Client Executive. Tip for clients who want to include JavaScript in their branding file: Until the CSS and look and feel of the branding file are ready, the client's Web team can disable the JavaScript function in the branding file JS folder (by putting the code in comments or by removing the content of the JS folder temporarily). By doing this, the client s system administrator can test and validate everything about the branding before putting it through validation. If the branding file is validated and then needs to be changed later on, it will have to go through re-validation. In short, the JavaScript validation should be the last step in your process to ensure minimal re-work. If script tags containing JavaScript or style tags are present, you must wrap their content inside a CDATA block. For example, the CDATA block is defined by bold characters. For script tag: <script type="text/javascript"> TALEO CONFIDENTIAL INFORMATION 12
//<![CDATA[ function nothing() { } //]]> </script> For style tag: <style type="text/css"> /*<![CDATA[*/ p { color: green; } /*]]>*/ </style> Uploading the Branding File - Performed by your Organization s Web Team Path: Administrator WebTop > Career Sections > Career Portal Brands It is recommended that the person who created the branding file also upload, validate and test the branding file. Your organization s system administrator should therefore teach this person on how to use the Career Section Administration module in the Administrator WebTop. Before uploading the branding file in Taleo application, you can use the XHTML validator available at http://validator.w3.org/. Upload the "index.html" file and click Check. This will give you an overview of all the errors contained in the branding file. Note: Please ignore the error concerning the insertcontent tag because it is not a valid XHTML tag (it is a Taleo tag) 1. On the Career Section Setup page, click Career Portal Brands. 2. Click Create next to Career Portal Brands. The New Career Portal Brand page appears. 3. Provide a code and a name. These fields are mandatory. 4. Provide a description. 5. Click Browse... to select the compressed file that contains the branding. The file must conform to Taleo's specifications. 6. The content of the file is scanned to ensure that it contains no viruses. 7. Click Save. Activating the Branding - Performed by the System Administrator Taleo application will perform a validation to find possible JavaScript patterns in the branding file. If no JavaScript is detected, the system administrator can activate the branding. If JavaScript is detected, the system administrator will be instructed to contact a Taleo representative. A SOW is required for a JavaScript validation. Alternatively, the system administrator can upload a corrected branding file without the JavaScript and can then activate the file. TALEO CONFIDENTIAL INFORMATION 13
The system administrator cannot activate branding that contains JavaScript. Assigning a Branding to a Career Section - Performed by the System Administrator The steps in this section apply only if the career section has been deactivated (Deactivate) or its status is Inactive or Draft. Before performing the following steps, the compressed ("zip") file containing the branding definition you wish to use in your career section must have been uploaded to your organization's database zone. See Uploading the Branding File - Performed by your Organization s Web Team. Path: Administrator WebTop > Career Sections > Career Sections 1. On the Career Section Setup page, click Career Sections. 2. Click the name of the career section to which you want to assign a branding. 3. Click Edit next to Properties. 4. In the Corporate Brand section, select the branding you want to assign. 5. Click Save. TALEO CONFIDENTIAL INFORMATION 14
Questions Regarding Taleo Hosted Career Section Branding Question Answer What is Taleo hosted career section branding? Taleo hosted career section branding is when a client uploads his/her career section branding file in the Taleo solution and attaches it to his/her career section. The branding file includes the header/footer content and the right/left navigation sections of the career section. Taleo application appears in the middle. What are the benefits of hosting? Removal of the double scroll bar for candidates, which was a large usability obstacle for candidates prior to version 7.5. Removal of the pop-up career section (when a candidate clicks on a company s Career Section and a new window pops-up with the Taleo career section), which was an alternative to the double scroll bar but presented these problems: many users had the pop-up feature disabled less seamless experience When should the discussion regarding branding/hosting take place with the client? This discussion should occur right at the beginning of the migration/implementation strategy because the decision will affect the career section configuration. What other options are available besides Taleo hosted career section branding? Taleo continues to support iframes and pop-up configurations. TALEO CONFIDENTIAL INFORMATION 15
Question Answer What happens if a client makes many branding changes through-out the year? The client must take this into consideration when deciding to use Taleo hosted branding or not. Each time the brand is modified in the Taleo hosted version, the client will need to recreate the branding file and go through the upload/activation process. If there is JavaScript in the file, then a validation process must take place each time (see next page for information regarding the costs of a SOW). In this situation, a client may decide to keep using an iframe or pop-up configuration. What URL would appear to candidates if Taleo is hosting the branding? Taleo URL would appear. Can the career section page open in a new browser or in an existing browser? Either, it is up to the client. What work needs to be done on the client side in regards to the URL if the client switches to Taleo hosting the branding? The client will need to make changes to his/her career section to not include frames when candidates proceed into the Taleo hosted area of their web site. The client will need to generate the branding file. What is the process to load the hosted branding file? Follow the instructions regarding Creating a Career Portal Brand. Who on the client's side should be involved in the process? The client s Web developer should directly be involved in uploading and testing the branding file as this will shorten the validation process and reduce changes needed. What is the Service Level Agreement (SLA) for the hosted branding file? If there is no JavaScript (therefore no validation needed by Taleo), no work needs to be done by Taleo. It is up to the system administrator to upload and activate the branding file. TALEO CONFIDENTIAL INFORMATION 16
Question Answer What is the Service Level Agreement (SLA) for the hosted branding file that has JavaScript? No real SLA, but once the SOW is signed and assigned to a technical consultant, the process would take approximately 5 days for the validation. What is the standard SOW fee? If the file contains JavaScript, the fee will be as follows: Branding file validation Fee: Contact your Client Executive. The file can be submitted three times: the first time, then twice with changes or corrections. Each testing iteration includes: Verification of the JavaScript in the branding file for security breaches. Local testing of the branding file. Technical and functional testing against the career section. Activation of the branding file if all testing steps are successful. The client can use it. Is the branding definition composed of an HTML file or XHTML file? The branding definition is composed of a XHTML file and all the required static files (images, JavaScript, CSS, objects). Before uploading the branding file in Taleo application, is it possible to validate it? You can use the XHTML validator available at http://validator.w3.org/. It is recommended to use this validator to avoid problems. TALEO CONFIDENTIAL INFORMATION 17