RWD Advanced Builder Form - Header Tab Controls |
Sub-tab |
Field |
Type |
Function of control / Description |
Notes |
Title & Subtitle |
Title |
Text Box |
Use this field to enter the text for your Page Title which will appear in the Header Section of the RWD Web Page. |
In order for the title to appear on the web page, the Header Section must be turned ON (using the Header Section Master Switch, located on the Header tab of the RWD Builder form AND, the Use Image checkbox must be UNCHECKED. |
Title & Subtitle |
Format Title (Font) |
Text selection |
This field formats the font of the Title. |
Remember that any font you use must be installed on every computer that is being used to view your website. Make sure to use fonts that are universally available such as Verdana, Arial, Times New Roman, etc. |
Title & Subtitle |
Format Title (Font Color) |
Color Selection |
This field formats the color of the font in the Title. |
Use a color that stands out well against the Header Section background color or image. |
Title & Subtitle |
Format Title (Font Size) |
Number Selection |
This field changes the size of the font in the Title. |
Test your title size in several browsers, and at different screen resolutions. Make sure that your title fits in the space available on the lowest resolution screen you expect to be used to view your site (generally 800x600 is a safe setting to work to). |
Title & Subtitle |
Format Title (Font Style) |
Text selection |
This changes the style of the font in the Title. |
Setting a font to display in bold can affect the amount of space required to display it across the page - check to see that your title doesn't wrap when you set it to bold. |
Title & Subtitle |
Format Title (Font Alignment) |
Text selection |
This changes how the Title is aligned in the Header Section |
It is important to remember that the alignment of the Title is not based on the whole page, but rather the area available for the title. A large logo on the left side of the page will move the title area to the right and all alignments will be relative to the left of the available space. |
Title & Subtitle |
Use Image |
Checkbox |
This checkbox determines whether the RWD will look in the Title Text field or the Title Image field to display as the page title on the web. |
There must be a valid path / filename entered in the next field in order for the image to display in the title area. |
Title & Subtitle |
Title Image Path/Filename |
Text Box |
If using an image for the Title (instead of text), you must upload the image to your site - usually a folder in your site called "Images" and set the path and filename of the image in this field. |
If you upload an image called picture.png to your images folder and that folder is in the same container as the page that is calling it, the path / filename setting in this field would be: images/picture.png See the RWD Builder help relating to Images and paths for more information on this subject. |
Title & Subtitle |
Title Image Link |
Text Box |
If you want a web user to be taken to another page, or to a specific place in the current page (or to download a file, etc) when they click on the Title, enter a valid URL in this field. |
Paths to pages, markers, and files can be relative or absolute. See the RWD Builder help relating to Images and paths for more information on this subject. |
Title & Subtitle |
Subtitle |
Text Box |
This field, and the following 8, function in exactly the same way as the equivalent fields for the Title. |
The subtitle fields function exactly like the equivalent Title fields |
Title & Subtitle |
Format Subtitle (Font) |
Text selection |
This field formats the font of the Subtitle. |
The subtitle fields function exactly like the equivalent Title fields |
Title & Subtitle |
Format Subtitle (Font Color) |
Color Selection |
This field formats the color of the font in the Subtitle. |
The subtitle fields function exactly like the equivalent Title fields |
Title & Subtitle |
Format Subtitle (Font Size) |
Number Selection |
This field changes the size of the font in the Subtitle. |
The subtitle fields function exactly like the equivalent Title fields |
Title & Subtitle |
Format Subtitle (Font Style) |
Text selection |
This changes the style of the font in the Subtitle. |
The subtitle fields function exactly like the equivalent Title fields |
Title & Subtitle |
Format Subtitle (Font Alignment) |
Text selection |
This changes how the Subtitle is aligned in the Header Section |
The subtitle fields function exactly like the equivalent Title fields |
Title & Subtitle |
Use Image |
Checkbox |
This checkbox determines whether the RWD will look in the Subtitle Text field or the Title Image field to display as the page title on the web. |
The subtitle fields function exactly like the equivalent Title fields |
Title & Subtitle |
Subtitle Image Path/Filename |
Text Box |
If using an image for the Subtitle (instead of text), you must upload the image to your site - usually a folder in your site called "Images" and set the path and filename of the image in this field. |
The subtitle fields function exactly like the equivalent Title fields |
Title & Subtitle |
Subtitle Image Link |
Text Box |
If you want a web user to be taken to another page, or to a specific place in the current page (or to download a file, etc) when they click on the Subtitle, enter a valid URL in this field. |
The subtitle fields function exactly like the equivalent Title fields |
Logo |
Logo Placement |
Text selection |
This allows you to choose to display a logo and, if you do, where to put it. |
Even if a valid logo image is available and the path to it is entered in the Image path/Filename field, the image will not appear on the page if this field is set to "No Logo". You must tell RWD where to put the image by selecting an option in the drop down menu. |
Logo |
Logo Image Path/ Filename |
Text Box |
This field contains the path and file name of your uploaded logo image file |
As is the case for all images in the RWD Builder form, you must upload the image file to your site and set the path to it. See the RWD Builder help relating to Images and paths for more information on this subject. |
Logo |
Scale Image (% or orig) |
Percent |
This scales the logo based on a percentage of it's original size. |
Be careful when using this feature - generally it is best to pre-size your images instead of scaling them on the fly in the web page. Animated gif files will re-scale each time the image 'plays' so the image will either disappear or expand beyond the limits of the viewable page if this feature is used. |
Logo |
Slide Show |
Checkbox |
Activates a javascript slide show when multiple images are listed in the Logo Image path / Filename field. |
You must have more than one image referenced in the Logo Image Path Filename field for this feature to work. Be very careful to make sure that the filesize of your images is not too big or the page will take longer to load. |
Logo |
Pause |
Checkbox |
When checked, sets the slideshow to pause when a user hovers their mouse cursor over the images on the web |
This feature lets you set a slightly faster slide show transition rate while giving the user the opportunity to reveiw and image for a longer period of time - effectively 'pausing' the slideshow |
Logo |
Speed |
Number Selection |
Sets the time each image in the slideshow will remain displayed before transitioning to the next slide |
Different effects can be achieved with longer or shorter display times - more complicated images should be displayed for more time than simple images. |
Logo |
Link Logo (on click) |
Text Box |
The link (URL) which will open when a web user clicks on your logo image on the web is entered in this field. |
If referring to a web page in another web site, the full HTTP syntax must be used to qualify the URL: http://URL If referring to a page in the local site, simply name the page. If referring to a marker, use standard FirstClass syntax (#Markername) |
Logo
|
Placement of Logo 2 |
Text selection |
This allows you to choose to display a second logo and, if you do, where to put it. Placement of the second logo are limited to the options in the drop down list of the control. |
Placement of the second logo is limited to the options in the drop down list of the control. |
Logo
|
Logo 2 Image Path / Filename |
Text Box |
This field contains the path and file name of your uploaded logo image file |
As is the case for all images in the RWD Builder form, you must upload the image file to your site and set the path to it. See the RWD Builder help relating to Images and paths for more information on this subject. |
Logo
|
Scale Image (% or orig) |
Percent |
This scales the logo based on a percentage of it's original size. |
Be careful when using this feature - generally it is best to pre-size your images instead of scaling them on the fly in the web page. Animated gif files will re-scale each time the image 'plays' so the image will either disappear or expand beyond the limits of the viewable page if this feature is used. |
Logo |
Slide Show |
Checkbox |
Activates a javascript slide show when multiple images are listed in the Logo Image path / Filename field. |
You must have more than one image referenced in the Logo Image Path Filename field for this feature to work. Be very careful to make sure that the filesize of your images is not too big or the page will take longer to load. |
Logo |
Pause |
Checkbox |
When checked, sets the slideshow to pause when a user hovers their mouse cursor over the images on the web |
This feature lets you set a slightly faster slide show transition rate while giving the user the opportunity to reveiw and image for a longer period of time - effectively 'pausing' the slideshow |
Logo |
Speed |
Number Selection |
Sets the time each image in the slideshow will remain displayed before transitioning to the next slide |
Different effects can be achieved with longer or shorter display times - more complicated images should be displayed for more time than simple images. |
Logo
|
Link Logo 2 (on click) |
Text Box |
The link (URL) which will open when a web user clicks on your logo image on the web is entered in this field. |
If referring to a web page in another web site, the full HTTP syntax must be used to qualify the URL: http://URL If referring to a page in the local site, simply name the page. If referring to a marker, use standard FirstClass syntax: #Markername |
Logo |
Link Opens In |
Text selection |
Most link fields in RWD can be set to force a link to open a new browser window when clicked, or to move to the link using the existing browser window. Use this field to set this option for BOTH logos. |
Generally, links to other web sites are best opened in a new browser window so that the web user can view the new site without 'losing' your site (when they close the new site, your web page is still open in the original browser window). If your link leads to another page within your site, we recommend using the Open in same Window option so that the user is not forced to manage a number of windows. |
Scrolling Message |
Include Scrolling Message |
Checkbox |
If this is checked then your Header Section can contain up to two locally defined scrolling messages or announcements. |
The Header Section must be turned on AND there must be content in at least one of the message fields for this feature to be visible on the web. Note: some settings in the RWDE Admin form can affect the display of local messages - in some cases hiding your messages entirely. If you are experience odd and inexplicable behavior with respect to your messages and how they are being displayed (or not displayed) on your web page, contact your Site Administrator to determine the cause. |
Scrolling Message |
Scrolling Width (%) |
Number Selection |
Changes the percentage of the page width (from the left) that is occupied by the scrolling message. |
Setting this value to 100 will cause the scrolling message to scroll right across the entire page. The default value of 40 will have the effect that the message will only scroll across the left-most 40% of the page. |
Scrolling Message |
Format Scrolling Message (Font) |
Text selection |
This allows you to change the font of the Scrolling Message. |
Since any font displayed on the web must be installed in the local web user's computer, use fonts that are as common as possible. We recommend Verdana or Arial for non-serif fonts and Times New Roman for a font with serifs. |
Scrolling Message |
Format Scrolling Message (Font Color) |
Color Selection |
This allows you to change the color of the font in the Scrolling Message |
Try to use a font color that compliments your page while still standing out from the background color. The Header Section must be turned on in order for this field to be visible on the web |
Scrolling Message |
Format Scrolling Message (Font Size) |
Number Selection |
This changes the size of the font in the Scrolling Message |
Changing the font size for the Scrolling Message will give the section reserved for it more space and make the message itself stand out more. The Header Section must be turned on in order for this field to be visible on the web |
Scrolling Message |
Format Scrolling Message (Font Style) |
Text selection |
This changes the style of the font in the Scrolling Message. |
The Header Section must be turned on in order for this field to be visible on the web |
Scrolling Message |
Scrolling Width (%) |
Number Selection |
The Scrolling Message(s) can be configured to run across less than the whole width of the width of the page if desired. The value in this field determines the percentage of the width of the page that the Scrolling Message occupies (starting from the left side of the page) |
This feature is entirely a matter of taste so experimentation is key to achieving the results you want. |
Scrolling Message |
Message A |
Text Box |
This is the first message that will be displayed in your Scrolling Message |
The Header Section must be turned on AND there must be content in at least one of the message fields for this feature to be visible on the web. Note that there are some special tags that allow for the inclusion of images in the scrolling message. At any point in the message you may include an image using the following
syntax: [img=imagepath/imagefilename] |
Scrolling Message |
Message A Link |
Text Box |
This is the link to URL (if any) for your first scrolling message. |
The Header Section must be turned on in order for this field to be visible on the web |
Scrolling Message
|
Message A ToolTips |
Text Box |
This field allows you to have a different message pop-up when a user hovers over top of a particular message (in this case, the A message) |
If no text is entered in the ToolTips field, the message itself will appear in the pop-up window when a user hovers over the message. |
Scrolling Message |
Message B |
Text Box |
This is the second message that will be displayed in your Scrolling Message |
The Header Section must be turned on AND there must be content in at least one of the message fields for this feature to be visible on the web. Note that there are some special tags that allow for the inclusion of images in the scrolling message. At any point in the message you may include an image using the following
syntax: [img=imagepath/imagefilename] |
Scrolling Message |
Message B Link |
Text Box |
This is the link to URL (if any) for your second scrolling message. |
The Header Section must be turned on in order for this field to be visible on the web |
Scrolling Message
|
Message B ToolTips |
Text Box |
This field allows you to have a different message pop-up when a user hovers over top of a particular message (in this case, the B message) |
If no text is entered in the ToolTips field, the message itself will appear in the pop-up window when a user hovers over the message |
Scrolling Message |
Scrolling Message Link Open in |
Text selection |
This determines how the scrolling message link(s) will open when a user clicks on them from the web. There is only one option for both messages |
Usually, links within your site should open in the same window while links to other sites should open in new browser windows so as to avoid 'losing' the web user to another site. The Header Section must be turned on in order for this field to be visible on the web |
Scrolling Message |
Use Custom Attributes for Scrolling Message |
Checkbox |
Reveals the fields required to set custom attributes for the scrolling message |
. |
Scrolling Message |
Scroll Direction |
Text Selection |
Determines the direction of the scrolling message - from right to left (default) or from left to right. |
. |
Scrolling Message |
Loop |
Text Selection |
You can set the scrolling message to 'replay' itself any number of times - from once to a continuous replay (default) |
. |
Scrolling Message |
Bounce |
Checkbox |
changes the behavior of the scrolling message such that the message will bounce from side to side, back and forth. |
This setting is really meant for very special circumstances only as the bounce effect is somewhat annoying unless used carefully. We envision it being used when you want a graphic to fly in to the page, bounce once, and stop - but you are free to come up with your own uses. |
Scrolling Message |
Scrolling Speed |
Text Selection |
Sets the number of pixels that the message will advance across the screen each time the message refreshes |
This field is used in conjunction with the next field in the form, the refresh rate for the message. Generally, the larger the number in this field, the more 'jerky' the message will appear |
Scrolling Message |
Refresh Rate |
Text Selection |
Sets the number of milliseconds between refreshes of the scrolling message. The higher the number, the smoother the scrolling message. |
. |
Banner Image |
Primary Banner Image |
Text Selection |
This determines whether or not your Header Section will display a Graphical Banner or Flash across the top - you must supply a valid path and file name for this image. |
Upload your banner image to your images folder and give it a name that identifies its purpose - eg. Banner1.jpg. The Header Section must be turned on in order for this field to be visible on the web. Chose from a graphical image or a Flash File or no Banner Image. |
Banner Image |
Slide Show |
Checkbox |
Activates a javascript slide show when multiple images are listed in the Logo Image path / Filename field. |
You must have more than one image referenced in the Logo Image Path Filename field for this feature to work. Be very careful to make sure that the filesize of your images is not too big or the page will take longer to load. |
Banner Image |
Pause |
Checkbox |
When checked, sets the slideshow to pause when a user hovers their mouse cursor over the images on the web |
This feature lets you set a slightly faster slide show transition rate while giving the user the opportunity to reveiw and image for a longer period of time - effectively 'pausing' the slideshow |
Banner Image |
Speed |
Number Selection |
Sets the time each image in the slideshow will remain displayed before transitioning to the next slide |
Different effects can be achieved with longer or shorter display times - more complicated images should be displayed for more time than simple images. |
Banner Image |
Banner Alignment |
Text Selection |
Set the banner to display left justified, centered, or on the right side of the page |
Allows for more variety of graphical layout. The Header Section must be turned on in order for this field to be visible on the web |
Banner Image |
Banner Image or Flash Path/ Filename |
Text Box |
This is the path to the image or Flash file that is going to be used for the Graphical Banner |
A banner image can help to brand a page or enhance the way it looks. Be careful to use an image that is not too tall in pixels and is as wide as the most common browser resolution for your user base (usually a minimum of 800 pixels wide). If using a banner image, consider setting the Page Width value (on the Page Tab) to the same width, in pixels, as the banner image. The Header Section must be turned on in order for this field to be visible on the web |
Banner Image |
Link To |
Text Box |
This is the link to URL (if any) that will open when a web user clicks on your banner image |
The Header Section must be turned on in order for this field to be visible on the web. Links to outside URL's must be fully qualified with the HTTP:// syntax |
Banner Image
|
Link Open Behavior |
Text Selection |
Determines if the link that is activated when a web user clicks on the banner image opens in the same browser window or if it opens in a new browser window |
Generally, links to outside sites should be set to open in a new window so that you don't 'lose' the user when they follow the link. Usually links to other pages in your site are best opened in the same browser window as the page that is calling the link. |
Banner Image |
ToolTips |
Text Box |
This field allows you to have a message pop-up when a user hovers over top of the Banner Image |
Can be used to explain the destination of the link or any other relevant information. |
Banner Image |
Change Image Width |
Text Selection |
Optional for images, required for Flash, this field sets the size of the object in pixels |
It is much better NOT to use this field for images as you are advised to resize them before uploading them to your site. For Flash Files however, a width and height setting is required. |
Banner Image |
Change Image Height |
Text Selection |
Optional for images, required for Flash, this field sets the size of the object in pixels |
It is much better NOT to use this field for images as you are advised to resize them before uploading them to your site. For Flash Files however, a width and height setting is required. |
Banner Image
|
Use Background Color |
Checkbox |
You can set the color of the Banner section separately from the Header Section itself. |
This control is overridden by the Background image control. |
Banner Image
|
Use Image |
Checkbox |
Determines whether or not a background image will display in the banner section. |
This section is tied to the Path/Filename field and will override the Background Color control |
Banner Image
|
Path/ Filename |
Text Box |
The path and filename of the image you wish to use as the background image for the banner section. This image will be tiled to fit the area taken up by the banner image(s) you select. |
. |
Banner Image
|
Second Image Or Search |
Text Selection |
You can choose to include a second banner image OR a Search field or neither |
Placement of the second banner image or the search field will always be opposite that of the first banner image on the web page (left - right, top - bottom) A Search field is a preconfigured object that allows the web user to enter text that will act as the criteria for a site-wide search. There are no user-editable aspects to the search and the search is conducted on all pages and subcontainers in the root website conference.
Results will display in a standard FirstClass search results page which can be slightly customized using the Images Tab of the RWDe Administrator form. |
Banner Image |
Slide Show |
Checkbox |
Activates a javascript slide show when multiple images are listed in the Logo Image path / Filename field. |
You must have more than one image referenced in the Logo Image Path Filename field for this feature to work. Be very careful to make sure that the filesize of your images is not too big or the page will take longer to load. |
Banner Image |
Pause |
Checkbox |
When checked, sets the slideshow to pause when a user hovers their mouse cursor over the images on the web |
This feature lets you set a slightly faster slide show transition rate while giving the user the opportunity to reveiw and image for a longer period of time - effectively 'pausing' the slideshow |
Banner Image |
Speed |
Number Selection |
Sets the time each image in the slideshow will remain displayed before transitioning to the next slide |
Different effects can be achieved with longer or shorter display times - more complicated images should be displayed for more time than simple images. |
Banner Image
|
Banner Image Path/ Filename |
Text Box |
The path and file name of the second banner image |
It is wise to constrain the height and width of the second banner image such that it matches the first image and doesn't force the web page to become too wide (which it will if the banner images are set to left and right positions and the combined width of the images exceeds the width of the page itself) |
Banner Image
|
Link To |
Text Box |
This is the link to URL (if any) that will open when a web user clicks on your banner image |
The Header Section must be turned on in order for this field to be visible on the web. Links to outside URL's must be fully qualified with the HTTP:// syntax |
Banner Image
|
Link Open Behavior |
Text Selection |
Determines if the link that is activated when a web user clicks on the second banner image opens in the same browser window or if it opens in a new browser window |
Generally, links to outside sites should be set to open in a new window so that you don't 'lose' the user when they follow the link. Usually links to other pages in your site are best opened in the same browser window as the page that is calling the link. |
Banner Image
|
Tooltips |
Text Box |
This field allows you to have a message pop-up when a user hovers over top of the second Banner Image |
Can be used to explain the destination of the link or any other relevant information. |
Banner Image
|
Tooltips Styles |
Text Box |
This field allows for very sophisticated formatting of a pop-up window. With special syntax, you can completely customize the pop-up window's format, transparency, duration of display, and include images and even set hyperlinks |
See the help document entitled "Help with the ToolTips feature" for more details about how to use the advanced ToolTips feature. |
Section Format |
Header Section Background Color |
Color Selection |
This control sets the background color for the entire Header Section unless a graphic is used. |
If using a color for your Header Section, experiment with colors that compliment the Page background color or image and one that contrasts well with the images and text on the page. |
Section Format |
Use Image |
Checkbox |
If this is selected, then the Header Section will look in the Background Image Path / Filename control for a valid path to a graphical file that will be used as the background of the section instead of a solid color. |
See the RWD Builder help relating to Images and paths for more information on this subject. |
Section Format |
Background Image Path/ Filename |
Text Box |
If the "Use Image" checkbox is selected, then this text box will indicate where to find the image that RWD to use for the background of the Header Section. The image will be tiled in the section. |
This setting overrides any color selection for the Header Section background. If you wish to display a solid color, clear the image path and file name from this control. See the RWD Builder help relating to Images and paths for more information on this subject. |
Section Format |
Layout of Objects (top down) |
Text selection |
Select an option from the list to determine the order in which the Banner Image, Header Section, Scrolling Message, and Header Links Bar appear on the page (from the top of the web page). |
Interesting effects and layouts can be achieved by switching the order in which the affected objects appear. In order to appear, however, a section must have its master switch turned ON and there must be something for the section to display (content, links, graphics, etc.) |