SITEFORUM - Maximizing Enterprise Value


 
Learn more about SITEFORUM from our documentation, manuals and online demonstrations

Design & Layout

v7.3 - Last Mod.: 07/09/2013
In the area "Design & Layout" of your SITEFORUM portal you can customize the colors, logos and the layout of your portal. For deeper and individual modification you will need to know HTML and CSS.

Note: You can find more detailed, design specific help in the area Support Designers.
TIP: Take a look at the animated video manuals matching to this topic.

Log in as a "Designer" or "Portal Master."
  1. Click the button Portal Manager to get to the administrative area.
  2. Then click Tools & Administration > Design & Layout.

1. Settings

Here you make basic settings concerning the design and layout of your portals.

1.1 MasterSets, DesignSets

MasterSets are predefined color, font, logo and layout combinations.
  1. In the navigation on the left below Settings click MasterSets, DesignSets.
    You get to the tab MasterSets where the predefined MasterSets are located.
  2. Click the desired MasterSet.
  3. Click the button Save to adapt your portal to the new MasterSet.
The entire portal design is now set. You are always free to choose a new MasterSet. A new selection can be made according to your preference at any time.

DesignSets are predefined color and font combinations.
  1. In the navigation on the left below Settings click MasterSets, DesignSets.
  2. Click the tab DesignSets where the predefined DesignSets are located.
  3. Click the desired DesignSet.
  4. Click the button Save to adapt your portal to the new DesignSet.
Colors and fonts in the portal are now set. You are always free to choose a new DesignSet. A new selection can be made according to your preference at any time.

TOP

1.2 Logos & Icons

You can make basic settings concerning logos and header background images.
  1. In the navigation on the left below Settings click Logos & Headers.
    • Logo "left"
      Click the button Select image behind the path.
      The SITEFORUM file system opens up:
      • If you have uploaded the logo already in the file system, then select it from the corresponding folder.
      • If the logo is still on you hard drive, then
        1. click the button Browse.
        Another window opens up.
        2. Choose the desired file from your PC/system.
        3. Click the button Open in the new window.
        The second window closes.
        4. Select the size, in which the logo should be uploaded (resize to 100 px, Standard size of 250 px, original width of image).
        5. Click the button Upload in the file system.
        The file is shown in the path.
    • Background "Header" Here you can select special header images for your portal:
      • General this image will be shown on all portal pages, except for the homepage.
        You can either upload a custom image or use some standard picture from the image gallery.
      • Homepage this image will be shown on your homepage.
        You can either upload a custom image or use some standard picture from the image gallery.
    • Background "General" Here you can select a general background image for your portal.
  2. Click the button Save when ready.
Top

1.3 Colors

  1. In the navigation on the left below Settings click Colors.
    You get to the tab Simple mode.
  2. Select the area in which you want to edit the colors.
  3. Enter the corresponding HTML color value or select the color from the color palette by clicking the dark icon behind.
  4. If required repeat this process for further areas.
  5. Click the button Save at the end of the page when ready.
TOP

1.4 Background Images

  1. In the navigation on the left below Settings click Background Images.
    You get to the tab Simple mode.
  2. Select the area in which you want to edit the background image.
  3. Choose the corresponding image by clicking the button select image.
  4. Choose from the selection box background image-repeat the repetition.
  5. Enter in the field background position the exact position.
  6. If required repeat this process for further areas.
  7. Click the button Save at the end of the page when ready.
TOP

1.5 CSS Moduls

For a detailed description of this area please click on Support Designer.

TOP

1.6 General Settings

  1. In the navigation on the left below Settings click General Settings.
Tab General
Area Master Design
  1. Under Portal Master/Admin View choose the type of navigation:
    • Version 1 (Standard) if you want to leave the navigation like it used to be.
    • Version 2 (Navigation left) if the new navigation should be active on the left side.
    • Version 3 (Navigation right) if the new navigation should be active on the right side.
    Note: You can adapt the colors of the navigation to your CI.
  2. Below you may choose the view mode for certain network applications:
    • Portal view: network applications are integrated into the portal design
    • Network view: network applications are not integrated into the portal design
    • Admin view: network applications are integrated into the portal design and the admin navigation is shown.
Area Navigation
  1. Under Visibility choose who may see the chosen navigation.
  2. Under Colors choose the color of the active parts of the navigation. Click the link Individual Colors to select another color.
  3. Under Background Color choose the color of the active parts of the navigation. Click the link Individual Colors to select another color.
Area WYSIWYG HTML Editor
  1. From the selection box CMS, Shop select the desired WYSIWYG HTML editor for the area CMS and Shop.
  2. From the selection box Design & Layout select the desired WYSIWYG HTML editor for the area Design and Layout.
Area General
  1. From the selection box Main Doctype select the main doctype for your portal header.
  2. From the selection box CSS File select the desired *.css file for the story print mode.
  3. From the selection box Portal label select the desired label.
  4. Enter in the field Standard font size the desired font size in percent.
  5. Enter in the field Words the number of words when a whitespace should be inserted.
  6. If you want to add color settings to your widgets, please follow the steps:
    • Select in the field Widgets the number of colors to be displayed.
    • Check the box Allow individual settings in every widget to add a special color settings button to every widget.
    Note: The color settings may only be changed on the unlocked pages. They are marked with a green color under Tools & Administration > Design & Layout > Canvas Pages. If a page is locked, the colors selected by the portal master will be shown.
    You may select between 2 and 10 different colors, each of them being assigned to a CSS class "c02" - "c10" ("c01" is the standard blue color). These CSS classes can be edited under Tools & Administration > Design & Layout > CSS Modules.
Area Images
  1. Enter in the field Intro Width the width of images in intro templates in pixl.
  2. Enter in the field Intro Hight the hight of images in intro templates in pixl.
  3. Activate the checkbox Image Toogle to enable a toggle of the images in story intro templates.
  4. Enter in the field Image Widths the width in pixl of images which get uploaded.
  5. From the selection box Standard image width select the default image width.
  6. Activate the checkbox Resize image backup to create a backup file of the original image.
  7. Click the button Save when ready.
Note: The WYSIWYG HTML editors are embedded external products. Information about these third party developers you get here FCK-Editor.

Tab PDF Settings
  1. Click the tab PDF Settings.
  2. Enter in the area margins in each field the margin in mm.
  3. From the selection box Header Information select what you want to display in the left, center and right header field.
  4. From the selection box Footer Informationselect what you want to display in the left, center and right footer field.
  5. From the selection box Font Family select the font family.
  6. From the selection box Font Size select the font size.
  7. Click the button Save when ready.
Tab Design Export
  1. Click the tab Design Export.
  2. By clicking the button Small Export or Advanced Export you can export your Design. The icons make clear which settings contains the export.
Tab Design Import
  1. Click the tab Design Import.
  2. By clicking the button Browse you can select a SITEFORUM design to import it.
  3. Click the button Upload & Start Import when ready.
Tab Versions

Here you can view a protocol, which describes the changes in each version made in the area "Design & Layout".

TOP

2. Templates

With templates you control the layout of diverse elements. For these elements different, templates, which are independent from each other, are available. You can edit them detached from their content.
Note: To edit existing templates or add new ones you need to have HMTL and/or CSS knowledge.
  1. Click the button Portal Manager to get to the administrative area.
  2. Then click Tools & Administration > Design & Layout.

2.1 Story Templates

Story templates define the layout of the stories. Story intro templates are templates for teh design of teaser stories in a menu. The intro template defines, how the teaser is supposed to look like, which size the title has, if an image is visible, etc.
  1. In the navigation on the left, below Templates, click Story Templates.
  2. Choose between the tabs Story Templates and Story Intro Templates.
You get to the tab Overview of all existing templates:
  • Preview Shows a preview of the template.
  • Name/Description Shows the name and a description of the tempalte.
  • Objects Shows the number of objects which are based on the template.
  • Edit By clicking the icon you get to the editing mode.
  • Delete By clicking the icon you can delete the template.
Add Story Template
  1. Click the tab Story Template.
  2. Click the tab Add.
  3. Enter in the field Code the source code which describes the template.
  4. In the area Placeholders you can view all available placeholders by clicking the red arrow icon.
  5. In the area Design Attributs you can view all available design attributes by clicking the red arrow icon.
  6. In the area Special Characters you can view all available placeholders by clicking the red arrow icon.
  7. Enter in the field Name a name for the new template.
  8. If required enter in the field Description a description.
  9. If required upload in the area Image an image which displays the single elements of the template.
  10. If required use the Variable Fields by entering the desried text in each field, e.g. Date.
  11. If required choose from the selection box Form a form whose elements are then visible and ready to be filled in the story.
  12. Click the button Save when ready.
Add Story Intro Template
  1. Click the tab Story Intro Template.
  2. Click the tab Add.
  3. Enter in the field Code #1 the source code of the first section of the template, the header.
  4. Enter in the field Code #2 the source code of the middle section of the template, the template itself.
  5. Enter in the field Code #3 the source code of the end section of the template, the footer.
  6. In the area Placeholders - Code #1, #3 you can view available placeholders for the code sections by clicking the red arrow icon.
  7. In the area Placeholders - Code #2 you can view available placeholders for the code section by clicking the red arrow icon.
  8. In the area Design Attributs you can view all available design attributes by clicking the red arrow icon.
  9. In the area Special Characters you can view all available placeholders by clicking the red arrow icon.
  10. Enter in the field Name a name for the new template.
  11. If required enter in the field Description a description.
  12. If required upload in the area Image an image which displays the single elements of the template.
  13. If required use the Variable Fields by entering the desried text in each field, e.g. Date.
  14. If required choose from the selection box Form a form whose elements are then visible and ready to be filled in the story.
  15. Click the button Save when ready.
Edit
  1. Choose the template which you want to edit.
  2. Click the icon Edit.
  3. Edit the template as desired, q.v. Add Story Template or Add Story Intro Template.
  4. Click the button Save when ready.
Delete
Note: Templates on which at least one object is based cannot be deleted.
  1. Choose the template which you want to delete.
  2. Click the icon Delete.
  3. Confirm the erasing procedure by clicking the button OK.
TOP

2.2 Product Templates

  1. In the navigation on the left, below Templates, click Product Templates.
  2. Choose between the tabs Product Templates and Product Intro Templates.
You get to the overview of all existing templates:
  • Preview Shows a preview of the template.
  • Name/Description Shows the name and a description of the tempalte.
  • Objects Shows the number of objects which are based on the template.
  • Edit By clicking the icon you get to the editing mode.
  • Delete By clicking the icon you can delete the template.
Add
  1. Click the tab Add.
  2. Enter in the field Source code the code which describes the template.
  3. In the area Available Placeholders you can view all available placeholders by clicking the red arrow icon.
  4. In the area Design Attributs you can view all available design attributes by clicking the red arrow icon.
  5. In the area Special Characters you can view all available placeholders by clicking the red arrow icon.
  6. Enter in the field Name a name for the new template.
  7. If required enter in the field Description a description.
  8. If required upload in the area Image an image which displays the single elements of the template.
  9. If required use the Variable Fields by entering the desried text in each field, e.g. Date.
  10. If required choose from the selection box Form a form whose elements are then visible and ready to be filled in the story.
  11. Click the button Save when ready.
Edit
  1. Choose the template which you want to edit.
  2. Click the icon Edit.
  3. Edit the template as desired, q.v. Add.
  4. Click the button Save when ready.
Delete
Note: Templates on which at least one object is based cannot be deleted.
  1. Choose the template which you want to delete.
  2. Click the icon Delete.
  3. Confirm the erasing procedure by clicking the button OK.
TOP

2.3 Feed Templates

Feed templates control the display of feeds.
  • In the navigation on the left, below Templates, click Feed Templates.
    You get to the overview of all existing templates.
Add
  1. Click the tab Add.
  2. Enter in the field Source code the code which describes the template.
  3. In the area Available Placeholders you can view all available placeholders by clicking the red arrow icon.
  4. In the area Special Characters you can view all available placeholders by clicking the red arrow icon.
  5. Enter in the field Name a name for the new template.
  6. Click the button Save when ready.
Edit
  1. Choose the template which you want to edit.
  2. Click the icon Edit.
  3. Edit the template as desired, q.v. Add.
  4. Click the button Save when ready.
Delete
  1. Choose the template which you want to delete.
  2. Click the icon Delete.
  3. Confirm the erasing procedure by clicking the button OK.
TOP

2.4 Blog Templates

With intro templates you can control the teaser display of the blogs in the overview and with templates you control the complete display of the blogs.
  1. In the navigation on the left, below Templates, click Blog Templates.
  2. Choose between the tabs Blog Templates and Blog Intro Templates.
    You get to the overview of all existing templates.
Add
  1. Click the tab Add.
  2. Enter in the field Source code the code which describes the template.
  3. In the area Available Placeholders you can view all available placeholders by clicking the red arrow icon.
  4. In the area Special Characters you can view all available placeholders by clicking the red arrow icon.
  5. Enter in the field Name a name for the new template.
  6. Click the button Save when ready.
Edit
  1. Choose the template which you want to edit.
  2. Click the icon Edit.
  3. Edit the template as desired, q.v. Add.
  4. Click the button Save when ready.
Delete
  1. Choose the template which you want to delete.
  2. Click the icon Delete.
  3. Confirm the erasing procedure by clicking the button OK.
TOP

2.5 Company Templates

Company templates control the display of companies.
  • In the navigation on the left, below Templates, click Company Templates.
    You get to the overview of all existing templates.
Add
  1. Click the tab Add.
  2. Enter in the field Source code the code which describes the template.
  3. In the area Available Placeholders you can view all available placeholders by clicking the red arrow icon.
  4. In the area Special Characters you can view all available placeholders by clicking the red arrow icon.
  5. Enter in the field Name a name for the new template.
  6. Click the button Save when ready.
Edit
  1. Choose the template which you want to edit.
  2. Click the icon Edit.
  3. Edit the template as desired, q.v. Add.
  4. Click the button Save when ready.
Delete
  1. Choose the template which you want to delete.
  2. Click the icon Delete.
  3. Confirm the erasing procedure by clicking the button OK.
TOP

2.6 Campain Templates

  • In the navigation on the left, below Templates, click Campaign Templates.
  • Choose between the tabs Campain main templates and Campain content templates.
    You get to the overview of all existing campaign main templates.
Add
  1. Click the tab Add.
  2. Enter in the field Source code the code which describes the template.
  3. In the area Available Placeholders you can view all available placeholders by clicking the red arrow icon.
  4. In the area Special Characters you can view all available placeholders by clicking the red arrow icon.
  5. Enter in the field Name a name for the new template.
  6. Click the button Save when ready.
Edit
  1. Choose the template which you want to edit.
  2. Click the icon Edit.
  3. Edit the template as desired, q.v. Add.
  4. Click the button Save when ready.
Delete
  1. Choose the template which you want to delete.
  2. Click the icon Delete.
  3. Confirm the erasing procedure by clicking the button OK.
TOP

2.7 Wysiwyg Templates

  • In the navigation on the left, below Templates, click Wysiwyg Templates.
You get to the overview of all existing templates:
  • Name Shows the name of the templates.
  • Edit By clicking the button you get to the editing mode.
  • Delete By clicking the button you can delete the template.
Add
  1. Click the tab Add.
  2. Enter in the field Code the source code which describes the template.
  3. In the area Placeholders you can view all available placeholders by clicking the red arrow icon.
  4. In the area Special Characters you can view all available placeholders by clicking the red arrow icon.
  5. Enter in the field Name a name for the new template.
  6. Click the button Save when ready.
Edit
  1. Choose the template which you want to edit.
  2. Click the icon Edit.
  3. Edit the template as desired, q.v. Add.
  4. Click the button Save when ready.
Delete
  1. Choose the template which you want to delete.
  2. Click the icon Delete.
  3. Confirm the erasing procedure by clicking the button OK.
TOP

3. Master Design & Design Moduls

The Master Design Template is the frame of the portal, which defines the positions of the single elements and areas. Design Modules are placeholders with which you call up certain areas and define what the single functions should be able to do.

3.1 Master Design Templates

  1. Click the button Portal Manager to get to the administrative area.
  2. Then click Tools & Administration > Design & Layout.
  3. In the navigation on the left, below Master Design & Design Module, click Master Design-Templates.
All available Master Designs are listed:
  • Selection The graphic indicates the sectioning of the templates. The red border shows the template in use.
  • Visibility Shows for which users the template is visible.
  • Name (Number)/Description Shows name, ID and description of the template.
  • Edit By clicking the icon you get to the editing mode.
  • Delete By clicking the icon you can delete the template.
Add
  1. Click the tab Add.
  2. Enter in the field Source code the code which describes the template.
  3. In the area Available Placeholders you can view all available placeholders by clicking the red arrow icon.
  4. In the area Design Attributs you can view all available design attributes by clicking the red arrow icon.
  5. In the area Special Characters you can view all available placeholders by clicking the red arrow icon.
  6. Enter in the field Name a name for the new template.
  7. If required enter in the field Description a description.
  8. Activate the checkbox Design Attribute in case you want to save the template as a design attribute.
  9. Click the button Save when ready.
Edit
  1. Choose the template which you want to edit.
  2. Click the icon Edit.
  3. Edit the template as desired, q.v. Add.
  4. Click the button Save when ready.
Delete
Note: The template in use cannot be deleted.
  1. Choose the template which you want to delete.
  2. Click the icon Delete.
  3. Confirm the erasing procedure by clicking the button OK.
TOP

3.2 Design Modules

Design Modules are placeholders with which you respond to certain areas and define the abilities of these single functions.
  • In the navigation on the left, below Master Design & Design Module, click Design Modules.
All Design Modules are listed:
  • $name-Module Shows the module and how it is used in the Master Design.
  • Name Shows the name of the module.
  • Description Describes the module.
The modules are divided in the following blocks:
  • menu preferences
  • info modules
  • other important modules
  • Layout elements of $content area
  • other layout elements
Warning: You cannot create Design Modules on your own, rather use Design Attributes, q.v. 4.3 Design Attributes.

Edit
  1. Choose in the overview the module you want to edit.
  2. Click the name of the module.
    Note: Every Design Module has its own parameters, which means that the editing mode is always different.
    You get to the following table:
    • Position Name Shows the position and the name of the parameters.
    • Edit In this column you edit the parameter.
    • use only these placeholders In this column all available placeholders are listed.
    • Description Describes the parameter.
  3. Edit the parameter in the column Edit.
    Warning: Only use the given placeholders for each position.
  4. Click the button Save when ready.
TOP

3.3 Design Attributes

With SITEFORUM Design Attributes you can display various colors, logos or special HTML code, depending on certain conditions (e.g. the display of various menus or the use of various applications). You can, for example, display an image everywhere in the portal while at the same time displaying a special logo or different color in your Network.
Note: Requirements for use

1. Concept, Display, Dependence
First, create a concept upon which displays will be dependent. The utilization of a Design Attribute could resemble the following:
  1. In the menu "Flowers" a flower logo should appear with appropriate colors.
  2. In the menu "Shipping" a transporter logo appears with appropriate colors.
2. Existence of elements
Depending on the type of Design Attribute the following requirements must be set to allow the creation of new conditions:
  • Logo Logos have to exist already or must be uploaded onto the server.
  • CSS Style sheet files with various colors must be available in order to be selected.
  • Template Templates must exist in your account.
  • Newsflash Newsflashes have to be already created in order to be available.
  • Story You need the story ID for stories.
  • URL To link to external websites you need the entire URL.
  • Banner To create standard banners, banners have to exist.
  • Poll You need to create polls first, to use the poll design attribute.
3. Creating conditions
To create Design Attributes you must create appropriate conditions for your concept. They are necessary to connect elements with conditions.

4. Placeholders in Master Design
Please note that Design Attributes must always be added to "MasterDesign," "stories" or "story templates" through the use of the placeholder $designAttribute:your_name. When creating "CSS" attributes, assign the placeholder "$designAttribute:_css" to the design module "htmlHead."
Warning: Design Attributes are session-dependent because of performance reasons. This means that changes made to attribute elements and activities will be visible first when you are logged in as "Portal Master" or "Designer". For all other users the changes will be visible after visiting the portal again.
  1. Click the button Portal Manager to get to the administrative area.
  2. Then click Tools & Administration > Design & Layout.
  3. In the navigation on the left, below Master Design & Design Modules, click Design Attributes.
As far as Design Attributes exist already they are listed:
  • Search You can filter by type or search with a keyword in elements and main code of Design Attributes with the type "code".
  • Status The colored circle shows the status of the attribute, green = active, red = inactive.
    By clicking the circle you can change the status.
  • Attribute name Shows the attribute name.
  • Type Shows the attribute type.
  • Elements Shows the number of changing elements which are displayed by calling up the Design Attribute.
  • Edit elements By clicking the icon you can edit existing elements or add new ones.
  • Edit attribute By clicking the icon you get to the editing mode.
  • Delete By clicking the icon you can delete the element.
Add
  1. Click the tab Add.
    All Design Attribute types are shown:
    • Images or Logos Type for images and logos.
    • Banner Type for banner ads.
    • Polls Type for polls.
    • Script-Codes or HTML-Codes Type for Script-Codes or HTML-Codes.
    • CSS-Colors, Fonts, Styles and Layouts Type for CSS-Colors, Fonts, Styles and Layouts.
    • Newsflash Type for Newsflashs in the Menu Manager.
    • Stories Type for Stories in the Story Manager.
    • Feeds (External) Type for external feeds (Display as simple list).
    • News Feeds (External) Type for external News Feeds (Display template bases).
    • Websites (External) Type for the import of external websites.
    • SITEFORUM Templates Type for including SITEFORUM templates.
    • SITEFORUM Functions Type for including SITEFORUM functions.
  2. Click the desired Design Attribute type.
  3. Define the particular Design Attribute as follows:
  • Images or Logos
    1. Enter in the field Name an identifier. This name becomes the placeholder, which then will be called up like &designAttribute:name.
    2. In the area Attribute type the chosen type is displayed.
    3. In the area Standard value choose the standard value (in this case standard image or standard logo) by clicking the button Select image and choosing the file.
    Note: The standard value is called up as soon as the Design Attribute is active and assigned in the Master Design with the particular placeholder ($designAttribute:name). If this field stays empty no value will be displayed.
    4. Activate the option Active, to activate the Design Attribute.
    5. Click the button Save.

  • Banner
    1. Enter in the field Name an identifier. This name becomes the placeholder, which then will be called up like &designAttribute:name.
    2. In the area Attribute type the chosen type is displayed.
    3. In the area Standard value choose from the selection box the standard value. If the selection box is empty there was no banner created in the Banner Manager, q.v. Support > Documentation > General > Website & CMS > Banner
    Note: The standard value is called up as soon as the Design Attribute is active and assigned in the Master Design with the particular placeholder ($designAttribute:name). If this field stays empty no value will be displayed.
    4. Activate the option Active, to activate the Design Attribute.
    5. Click the button Save.

  • Polls
    1. Enter in the field Name an identifier. This name becomes the placeholder, which then will be called up like &designAttribute:name.
    2. In the area Attribute type the chosen type is displayed.
    3. In the area Standard value choose from the selection box the standard value. If the selection box is empty there was no poll created in the Polls Manager, q.v. Support > Documentation > General > Marketing & CRM > Polls
    Note: The standard value is called up as soon as the Design Attribute is active and assigned in the Master Design with the particular placeholder ($designAttribute:name). If this field stays empty no value will be displayed.
    4. Activate the option Active, to activate the Design Attribute.
    5. Click the button Save.

  • Script-Codes or HTML-Codes
    1. Enter in the field Name an identifier. This name becomes the placeholder, which then will be called up like &designAttribute:name.
    2. In the area Attribute type the chosen type is displayed.
    3. Enter in the field Standard value HTML, CSS or JS Code. Below the field you can view placeholders, special characters and CSS. Click the small question mark on the right.
    Note: The standard value is called up as soon as the Design Attribute is active and assigned in the Master Design with the particular placeholder ($designAttribute:name). If this field stays empty no value will be displayed.
    4. Activate the option Active, to activate the Design Attribute.
    5. Click the button Save.

  • CSS-Colors, Fonts, Styles and Layouts
    1. Enter in the field Name an identifier. This name becomes the placeholder, which then will be called up like &designAttribute:name.
    2. In the area Attribute type the chosen type is displayed.
    3. In the area Standard value choose from the selection box the standard value.
    Note: The standard value is called up as soon as the Design Attribute is active and assigned in the Master Design with the particular placeholder ($designAttribute:name). If this field stays empty no value will be displayed.
    4. Activate the option Active, to activate the Design Attribute.
    5. Click the button Save.

  • Newsflash
    1. Enter in the field Name an identifier. This name becomes the placeholder, which then will be called up like &designAttribute:name.
    2. In the area Attribute type the chosen type is displayed.
    3. In the area Standard value choose from the selection box the standard value. If the selection box is empty there was no Newsflash created in the Menu Manager, q.v. Support > Documentation > General > Website & CMS > Menus.
    Note: The standard value is called up as soon as the Design Attribute is active and assigned in the Master Design with the particular placeholder ($designAttribute:name). If this field stays empty no value will be displayed.
    4. Activate the option Active, to activate the Design Attribute.
    5. Click the button Save.

  • Stories
    1. Enter in the field Name an identifier. This name becomes the placeholder, which then will be called up like &designAttribute:name.
    2. In the area Attribute type the chosen type is displayed.
    3. Enter in the field Standard value the standard StoryID.
    Note: The standard value is called up as soon as the Design Attribute is active and assigned in the Master Design with the particular placeholder ($designAttribute:name). If this field stays empty no value will be displayed.
    4. Activate the option Active, to activate the Design Attribute.
    5. Click the button Save.

  • Feeds (external)
    1. Enter in the field Name an identifier. This name becomes the placeholder, which then will be called up like &designAttribute:name.
    2. In the area Attribute type the chosen type is displayed.
    3. In the area Standard value choose from the selection box the standard value. If the selection box is empty there was no Feed created in the Feed Manager, q.v. Support > Documentation > General > Website & CMS > Feeds.
    Note: The standard value is called up as soon as the Design Attribute is active and assigned in the Master Design with the particular placeholder ($designAttribute:name). If this field stays empty no value will be displayed.
    4. Activate the option Active, to activate the Design Attribute.
    5. Click the button Save.

  • News Feeds (external)
    1. Enter in the field Name an identifier. This name becomes the placeholder, which then will be called up like &designAttribute:name.
    2. In the area Attribute type the chosen type is displayed.
    3. In the area Standard value choose from the selection box the standard value. If the selection box is empty there was no News Feed created in the Feed Manager, q.v. Support > Documentation > General > Website & CMS > Feeds.
    Note: The standard value is called up as soon as the Design Attribute is active and assigned in the Master Design with the particular placeholder ($designAttribute:name). If this field stays empty no value will be displayed.
    4. Activate the option Active, to activate the Design Attribute.
    5. Click the button Save.

  • Websites (external)
    1. Enter in the field Name an identifier. This name becomes the placeholder, which then will be called up like &designAttribute:name.
    2. In the area Attribute type the chosen type is displayed.
    3. Enter in the field Standard value the standard website.
    Note: The standard value is called up as soon as the Design Attribute is active and assigned in the Master Design with the particular placeholder ($designAttribute:name). If this field stays empty no value will be displayed.
    4. Activate the option Active, to activate the Design Attribute.
    5. Click the button Save.

  • SITEFORUM Templates
    1. Enter in the field Name an identifier. This name becomes the placeholder, which then will be called up like &designAttribute:name.
    2. In the area Attribute type the chosen type is displayed.
    3. Enter in the field Standard value the name and the path to the SITEFORUM template.
    Note: The standard value is called up as soon as the Design Attribute is active and assigned in the Master Design with the particular placeholder ($designAttribute:name). If this field stays empty no value will be displayed.
    4. Activate the option Active, to activate the Design Attribute.
    5. Click the button Save.

  • SITEFORUM Functions
    1. Enter in the field Name an identifier. This name becomes the placeholder, which then will be called up like &designAttribute:name.
    2. In the area Attribute type the chosen type is displayed.
    3. In the area Standard value choose from the selection box the standard function.
    Note: The standard value is called up as soon as the Design Attribute is active and assigned in the Master Design with the particular placeholder ($designAttribute:name). If this field stays empty no value will be displayed.
    4. Activate the option Active, to activate the Design Attribute.
    5. Click the button Save.
The new attribute is listed in the overview.
Note: Because of technical reasons all blanks are exchanged through underlines.

Edit
  1. Choose in the overview the Design Attribute you want to edit.
  2. Click the icon Edit.
  3. Edit the attribute as desired, q.v. Add.
  4. Click the button Save when ready.
Delete
  1. Choose in the overview the Design Attribute you want to delete.
  2. Click the icon Delete.
  3. Confirm the erasing procedure by clicking the button OK.
TOP

3.4 Elements

Elements like images can be assigned to Design Attributes.
  1. Click the button Portal Manager to get to the administrative area.
  2. Then click Tools & Administration > Design & Layout.
  3. In the navigation on the left, below Master Design & Design Modules, click Design Attributes.
  4. Choose in the overview the Design Attribute to which you want to add an element.
  5. Click the icon Edit elements.
    As far as elements exist already they are listed:
    • Priority Shows the priority.
    • Element name Shows the element name.
    • Conditions Shows how many fixed conditions are assigned.
      Note: A yellow circle demonstrates that no element condition was added yet.
    • Catenation Shows the catenation of the condition.
    • Edit By clicking the icon you get to the editing mode.
    • Delete By clicking the icon you can delete the element.
  6. Click the tab Add Element.
    Note: For Design Attributs of the type Banner it is not possible to add elements here, only in the area Website & CMS > Banner.
  7. Enter in the field Name an identifier.
  8. From the selection box Catenation type choose the catenation type.
  9. Enter in the field Visible value the value.
    Note: This value is depending on the particular Design Attribute type. By default the field is filled with the standard value of the element.
  10. Click the button Save.
  11. From the selection box in the column Condition choose the condition for the element.
  12. Click the button Save when ready.
Note: Assign as many elements to the Design Attribute as you like; they will be active not before a condition was assigned to the element and this condition is true.

Edit
  1. Choose in the overview the Design Attribute whose element you want to edit.
  2. Click the icon Edit elements.
  3. Choose the element you want to edit and click the Element name
  4. Edit the element as desired.
  5. Click the button Save when ready.
Delete
  1. Choose in the overview the Design Attribute whose element you want to delete.
  2. Click the icon Edit elements.
  3. Choose the element you want to delete.
  4. Click the icon Delete.
  5. Confirm the erasing procedure by clicking the button OK.
TOP

3.5 Design Attribute Conditions

In this section you create conditions which you can use in the element conditions.
  1. Click the button Portal Manager to get to the administrative area.
  2. Then click Tools & Administration > Design & Layout.
  3. In the navigation on the left, below Master Design & Design Module, click Design Attribute Conditions.
As far as conditions exist already they are listed.

Add
  1. Click the tab Add.
    You see all global conditions which you can add to Design Attributes:
    • Condition type Shows the type of the condition.
    • ObjectOperator Shows the "logic Operator" for controlling the condition.
    • Value Depending on the condition type you can choose and add different values.
  2. Choose the desired Condition type.
  3. From the selection box choose the desired ObjectOperator.
  4. From the selection box choose the desired Value.
  5. Click the button Save.
You get back to the overview of the conditions. Repeat this process to add further conditions.

TOP

Contact Sales Now

Want further information right now?

Contact us sales@siteforum.com

Phone Germany: +49 (361) 666 15810
Contact form

Fax: +49 361 2445050


 

Online Users

top
Copyright © 1999-2014 by SITEFORUM - Maximizing Enterprise Value. All rights reserved.