Add a banner based on an overview page

You can add a banner based on the overview on an overview page.

To add a banner based on an overview page:

1. Log on and start Site management.
   1. Open the site.
   2. Log on with the username and password.
   3. Click on: OK.
   4. Click on the user name at the top right.

      

   5. Click on: Site management.

2. Open the page to which you want to add a banner.
3. Click on: Edit (in the Page frame).
4. Click on: New in Page parts.
5. Click on: Banner.
6. If required, enter a Title for the banner.
7. Select the Show component frame and title check box if you want to display a line around the banner with the title you entered.
8. Select the source Overview page.
9. Select the required overview page.
10. Click on: OK.
11. Select a value for Presentation style.

    More information: Presentation style

    There are several ways to present a banner. You select the presentation style when adding a banner.

    Note:

    When you edit a page, you cannot immediately see whether an image or a button will fit in the frame. Only after saving and opening the published page can you see if the adjusted size of the frame is sufficient for the buttons, images or text.

    Some examples of presentation styles for banners a given below.

    Show as a list

    All references are included as text in a list with items presented vertically or horizontally. The lists consist of a list symbol and text if the lists are vertical and of just the text if the lists are horizontal.

    

    Show as a drop-down list

    All references are included as text in a drop-down list. The drop-down list consists of a collapsed list and a button you can use to expand the list. By default, the first item from the drop-down list is displayed. You can use the button to select a different item from the drop-down list.

    

    Show as buttons

    All references are displayed as buttons with the text of the banner being used as the label for the button. If a visitor clicks on the button, the corresponding reference is opened. If you display buttons next to each other, they will be aligned within the available space.

    

    Show as an image

    This presentation style shows the references as images. The text is displayed as a Tooltip. If a visitor clicks on an image, the corresponding reference is opened. If an image is too wide or too high, it is automatically resized so that it fits within the margin, while maintaining the height/width ratio.

    

    Show as tiles

    This presentation style shows the references as an image with the text below it. If a visitor clicks on the image or the text, the corresponding reference is opened.

    

    Show as a carousel

    This presentation style shows the references as an image. One image is shown at a time and is then replaced by the next image. You set the interval yourself when adding the banner. After the last image has been shown, the first is displayed again. A number is displayed for each image. If you click the number, the corresponding image is immediately displayed. For more than five images there are no numbers but only buttons for 'First, previous, pause, next, and last'.

    You can choose the navigation style for the banner carousel yourself. You can choose from: None, Bullets, Media player, Numbers, Previous/Next. In addition, you can specify whether the banner is played automatically or whether the user has to click through manually.

    

12. Select a value for Maximum number of references.
13. Select a value for Banner image format.

    This field is only available if you have selected the presentation style Image. You can now also specify that you want to display text for the images. The description of the image will then appear under the image.

14. Select a value for Navigation style.

    This field is only available if you have selected the presentation style Carousel. You can use the navigation style to display buttons next to the banner which the visitor him/herself can then use to open the next or previous image.

15. Select a value for Animation style.

    For example, you can allow the images to Float within if a visitor opens the page. The default setting for the animation style is Zoom out.

    More information: Animation style

    You can link an animation style to a banner. If you open the page with the banner, the images from the banner can float inside or they can be expanded.

    The default setting for the animation style is Zoom out.

    You can use the following animations:

    • Float within
    • Build from centre
    • No animation
    • To centre
    • Zoom out
    • Appear
    • Fade
    • Worm
16. Select the Shortcuts check box if you want to give visitors to your site the option to start the part using a hotkey.

    This is useful, for example, if you have a banner with images. You can then start all images with their own hotkey.

17.  Wrap text: if the text of the banner is too wide then, if you use this option, the text continues on the next line. You can only select this option for the presentation style 'List (below each other)'. With any of the other options, if a text does not fit it is simply truncated.
18. Click on: Create.
19. Click on: the part of the banner.
20. Click on: Properties.
21. If required, select the Group in which you want to display the banner. You can choose from:
    • Banner menu level 2

      The linked image appears in the left column of the page.

    • Directly to

      The text of the reference appears as a link in the right column of the page.

    • Related site

      You use a related site, for example, if you have a website in a number of languages. The link is then displayed at the top right of the page.

    • Main banner

      The image is displayed in the banner at the top of the page. For both Banner menu level 2 and Main banner, you are obliged to link an image; otherwise, nothing is displayed. If you have entered a 'Text banner' in the properties of the page then it is displayed with the original text. The same applies for the original image.

22. Specify the height of the banner.

    You can choose from:

    • Fixed height: you enter the height of the banner yourself in pixels. If an item does not fit in this fixed height, it is not displayed. If nothing is displayed, then change the fixed height. If you use less space than the specified height, the remaining space is filled with white space. This allows you to display multiple items next to each other which are not of the same height.
    • Full content: here you specify that you want to display all the items that are available from the source. The height is determined on the basis of the items so that all items will fit.
    • Justify: the height is determined by the available space in the column. You can only choose this for banners you include independently in a page. For banners in a custom layout, you cannot choose this option because it is not possible to determine the available space. A banner that has been set to Justify, uses all the available space in the column. The height of the column is determined by other parts that appear in the same line. This is useful, for example if the banner is placed on a line with other columns that have parts with a variable height. The height of the banner is then determined by the other part.
23. Enter any margins.
24. Select the Language restriction check box if you only want the banner to be displayed on a site in a particular language.
25. Click on: Modify.
26. Click on: Publish.
27. Click on Yes in the message.