Describing Career Site Builder Page Components

The available components have one or more tabs to configure. Two of the tabs are presented for many of the components: the Details and Styles tabs.

The Details tab is where you can enter information such as Header Text, Body Text, and so on.

The Styles tab is where you configure colors and images, such as the color of the text and the background of the component.

For any component that has text as an option, you can add an embedded URL within the text by selecting the Open Link Editor button.

In the figure below, the link is associated with the word here.

From the Link Setup menu, select the type of link. You can link to an external site by choosing External type. In that case, be sure to specify to open the page in a new window.

To add a link for email, choose the External link type, and for the link use: mailto:emailaddress.

For some components you can add a button by enabling the Show Button control from the Details tab.

Click Edit Button to configure the button.

• You can make this button one of the default system buttons like Home Page or TC Join.
• You can link to another page on the site by choosing Category Link or Content.
• You can link to an external site by choosing the External button type. Remember to have external sites open in a new window.

The Enable Spacing control allows you to customize the size for the component margins. For each component, you can choose Small, Medium or Large spacing, or you can customize spacing by entering the number of pixels desired between the components.

The page below was created with three components: Text, Search Bar and Google Job Map. When Enable Spacing is disabled, all components are touching. In this example, Enable Spacing is enabled for the Text and Map components from the Styles tab. It was set to Medium for the Top and Bottom margins, and Custom=0 for the Right and Left sides. Notice the spacing that was added between the components.

You can duplicate a component so that you don't have to configure all of the settings manually when you insert an additional component of the same type on the page. This is particularly helpful when you want to create a slightly different user experience between desktop, mobile, and tablet views of the same page.

Some components contain other tabs to be configured in addition to the Details and Styles tabs.

• Background images, when used, appear behind the text portion of the component. Alternatively, a background color can be chosen for this area.
• When Label Text is set to Yes, the text is displayed above the entry boxes. When the control is set to No, the text displays as ghost text within the boxes, as shown below.