Foundation Components foundation-components

Configure Properties

Edit Content

Edit Content - Full Screen Mode

Image

• Image
  Drag an image from the content finder or click to open a browse window where you can load an image. After the image is loaded, you can crop the image, rotate it, or delete it. To zoom in and out of the image, use the slide bar beneath the image (above the OK and Cancel buttons)

• Crop
  Clip part of an image. Drag the border to crop the image.

• Rotate
  Click Rotate repeatedly until the image is rotated as desired.

• Clear
  Remove the current image.

Advanced

• Title
  The Adaptive Image component does not use this property.

• Alt Text
  The alternate text to use for the image.

• Link To
  The Adaptive Image component does not use this property.

• Description
  The Adaptive Image component does not use this property.

Carousel
Here you specify how the carousel operates:

• Play Speed
  The time in milliseconds before the next slide is shown.
• Transition Time
  The time in milliseconds for the transition between two slides.
• Controls Style
  Various options are available from a pulldown menu; for example, Prev / Next Buttons, Top-Right Switches.

List

Here you specify how pages are included in your Carousel:

• Build list using
  There are several ways to build a page list - Child Pages, Fixed List, Search, or Advanced Search (all described below).
  No matter which method you choose, the pages you include in your list should each already have an image associated with the page. It is this image that is displayed in the Carousel. If there is no image for a given page under that page’s Page Properties, you should associate an image with the page before beginning. If you do not, the Carousel displays a mostly blank page. See Editing Page Properties.
  Depending on the item you choose, a new panel appears:

  • Options for Child Pages

    • Parent Page
      Specify a path either manually or using the selector. Leave empty to use the current page as parent.

  • Options for Fixed List

    • Pages
      Select a list of pages. Use + to add more entries and the up/down buttons to adjust the order.

  • Options for Search

    • Start in
      Enter a starting path, either manually or using the selector.

    • Search query
      You can enter a plain text search query.

  • Options for Advanced Search

    • Querybuilder predicate notation
      You can enter a search query using Querybuilder predicate notation. For example, you can enter “fulltext=Marketing” to have all pages with “Marketing” in their content show up in the Carousel.
      See QueryBuilder API for full discussion of query expressions and further examples.

• Order by
  Select jcr:title, jcr:created, cq:lastModified, or cq:template from the dropdown menu.

• Limit
  Optional. The maximum number of items that you want to use in the Carousel.

Data

• Chart Data
  Enter your chart data using the CSV format; the Comma Separated Values format uses commas (“,”) as the field separator.

Advanced

• Chart Type
  Select from Pie Chart, Line Chart, and Bar Chart.

• Alternative text
  Displays alternate text instead of the chart.

• Width
  The width of the chart in pixels.

• Height
  The height of the chart in pixels.

Download

• Description
  A short description displayed with the download link.

• File
  The file available for download on the resulting web-page. Drag an asset from the content finder or select the area so you can upload the file that you want available for download.

External

• Target application
  Specify the URL of the web application to be integrated; for example:

  code language-none
  https://en.wikipedia.org/wiki/Main_Page

• Pass parameters
  Check the box for parameters to be passed to the application when required.

• **Width and Height
  **Define the size of the iframe

Flash

• Flash movie

  The flash movie file. Either drag an asset from the content finder, or click to open a browse window.

• Size

  Dimensions in pixels of the display area holding the movie.

Alternative Image

An alternative image to be shown

Advanced

• Context menu

  Indicates whether the context menu should be shown or hidden.

• Window Mode

  How the window appears, for example, opaque, transparent, or as a distinct (solid) window.

• Background color

  A background color selected from the color chart provided.

• Minimum version

  The minimum version of Adobe Flash Player required to run the movie. The default is 9.0.0.

• Attributes

  Any further attributes required.

Map

To map an image, select Map. You can specify how you want to create the image map (rectangle, polygon, and so on) and where the area should point to.

Crop

To clip out part of an image, select Crop. Use your mouse to crop the image.

Rotate

To rotate an image, select Rotate. Use repeatedly until the image is rotated the way you want it.

Clear

Remove the current image.

Title

The title of the image.

Alt Text

An alternative text for use when creating accessible content.

Link To

Create a link to assets or other pages within your website.

Description

A description of the image.

Size

Sets the height and the width of the image.

List

• Build list using

  Here you specify where the list retrieves its content. There are several methods:

• Depending on the item you choose, a new panel appears:

  • Options for Child Pages

    • Children of (Parent Page)

      Specify a path either manually or using the selector. Leave empty to use the current page as parent.

  • Options for Fixed List

    • Pages

      Select a list of pages. Use + to add more entries and the up/down buttons to adjust the order.

  • Options for Search

    • Start in

      Enter a starting path, either manually or using the selector.

    • Search query

      You can enter a plain text search query.

  • Options for Advanced Search

    • Querybuilder predicate notation

      You can enter a search query using Querybuilder predicate notation. For example, you can enter “fulltext=Marketing” to have all pages with “Marketing” in their content show up in the Carousel.

      See QueryBuilder API for full discussion of query expressions and further examples.

  • Tags

    Specify the Parent page, Tags/Keywords, and your required match criteria.

• Display as

  How you want the items to be listed; includes Links, Teasers and News.

• Order by

  Whether the list is to be ordered, and if so, the criteria to use for sorting. You can enter a criteria or select one from the drop-down list provided.

• Limit

  Specify the maximum number of items that you want displayed in the list.

• Enable Feed

  Indicates whether an RSS feed should be activated for the list.

• Paginate after

  Here you can specify the number of list items to display at once. A list with more items than specified uses pagination to display the list in several portions.

Log In

• Section Label

  Lead-in text for the input fields.

• Username Label

  Text to label the username field.

• Password Label

  Text to label the password field.

• Log In Button Label

  Text for the login button.

• Redirect to

  You can specify the page on your website that should be opened once the user has logged in.

Already Logged In

• Continue Button Label

  Text to indicate that the user is already logged on.

Title

• Title

  Specify the title text that you want displayed.

• Link

  Specify the page (product) for which the order status should be displayed.

• Type/Size

  Select from the selection provided.

Paragraph Reference

• Reference

  Specify the path to the page and paragraph that you want to reference (include content).

Search

• Node Types

  If the search is to be restricted to specific node type list them here; for example, cq:Page.

• Path to search in

  Specify the root page of the branch that you want to search.

• Search Button Text

  The name displayed on the actual search button.

• Statistics Text

  The text displayed above the search results.

• No Results Text

  If there are no results, the text entered here is displayed.

• Spellcheck Text

  If someone enters a similar term, this text is displayed before the term.
  For example, if you type Geometrixxe, the system displays “Did you mean? Geometrixx”.

• Similar Pages Text

  The text that is displayed next to a result for similar pages. To see pages that have similar content, click this link.

• Related Searches Text

  The text that appears next to searches for related terms and topics.

• Search Trends Text

  The title above the search terms that a user enters.

• Result Pages Label

  The text that appears at the bottom of this list with links to other results pages.

• Previous Label

  The name that appears on the link to previous search pages.

• Next Label

  The name that appears on the link to subsequent search pages.

Sitemap

• Root Path

  Path from where the listing is to start.

Slides

• New Slide

  You can specify a selection of slides using the Add (and Remove) buttons.

• Title

  Specify a title if necessary. The title is overlaid on the appropriate slide.

Advanced

• Size

  Specify the width and height in pixels.

Tags to Display

Where the tags to be displayed are collected from. Select from a page, a page with all children or all tags.

Page

Select the page to be referenced.

No links on tags

Whether the tags displayed should act as links.

Component Styles (Styles)

Here you can either left or right align the image. The default is Left aligned, with the image at the left.

Image Properties (Advanced Image Properties)

Lets you specify the following:

• Image asset

  Upload the required image.

• Title

  The title for the block, shown by mouseover.

• Alt Text

  Alternative text to be shown if the image cannot be displayed. If left empty, the title is used.

• Link to

  Specify a target path.

• Description

  A description of the image.

• Size

  Sets the height and width of the image.

Title

If you want to use a name other than the page title, enter it here.

Link

The URI if the title is to operate as a link.

Type/Size

Select Small or Large from the dropdown list. Small is generated as an image. Large is generated as text.

Video

• Video asset

  Upload or drop your video asset.

• Size

  The video’s native size (width x height in pixels) appear in the boxes next to Size (see above). Manually enter width and height dimensions here if you wish to override the video’s native dimensions. Selecting OK dismisses the dialog.

Column Control

• Column Layout

  Select the number of columns that you want rendered. Once created, each column has its own link for dragging components or assets when adding content.

Form

The form component defines the beginning and end of a new form on a page. Other components can then be placed in between these elements, such as tables, and downloads.

Form fields and elements

Form fields and elements can include text boxes, radio buttons, and images. The user often completes an action in a form field, such as typing text. See individual form elements for more information.

Profile Components

Profile components relate to visitor profiles used for social collaboration and other areas where visitor personalization is required.

Title and Text

Here you must specify the basic information, such as the title of the form and any accompanying text. Where appropriate it also lets you define other key information such as whether the field is multi-selectable and items available for selection.

Initial Values

Lets you specify a default value.

Constraints

Here you can specify whether a field is required and place constraints on that field (for example, must be numeric).

Styling

Indicates the size and styling of the fields.

Title and Text

• Element Name

  Name of the form element. It indicates where in the repository that the data is stored.
  This field is required and should only contain the following characters:

  • alphanumeric characters
  • _ . / : -

• Title

  The title displayed with the field. If left blank, the default title is shown.

• Description

  Lets you provide additional information for the user, if necessary. On the form, it is shown below the field, in a smaller font than the title.

• Show/Hide

  Determines when the field is visible.

Initial Values

• Default Value

  The value displayed in the field when the form is opened. That is, before the user has made any input.

Constraints

• Required

  Constraints depend on the form component type, but provides one or more click boxes to indicate that this field is required, or certain parts of this field, are required.

• Required Message

  A message to inform users that this field is required. A required field is also flagged with an asterisk.

• Constraint

  The constraints available for selection depend on the form component type.

• Constraint Message

  A message to inform users what is required.

Styling

• Size

  In rows and columns.

• Width

  In pixels.

• CSS

Form

• Thank You Page

  The page to be referenced to thank visitors for providing their input. If left blank, the form redisplays after submission.

• Start Workflow

  Determines which workflow is triggered once a form is submitted.

Advanced

• Action Type

  A form needs an action. The action defines the operation that is triggered for execution with the data submitted by the user (similar to action= in HTML). Some need a corresponding Action Configuration.
  A selection of action types are included in a standard AEM installation:

  • Account Request

  • Create Content

  • Create Lead

  • Create and Update Account

  • E-Mail Service: Create Subscriber and add to list

  • E-Mail Service: Send auto-responder email

  • E-Mail Service: Unsubscribe user from list

  • Edit Community

  • Edit Resources

  • Edit Workflow Controlled Resources

  • Mail

  • Placed Order Details

  • Profile Update

  • Reset Password

  • Set Password

  • Store Content

    The default action type.

  • Store Content with Uploads

  • Submit Order

  • Unsubscribe Subscriber

  • Update Order

• Form Identifier

  The form identifier uniquely identifies the form. Use the form identifier if you have several forms on a single page; make sure they have different identifiers.

• Load Path

  The path to node properties used to load predefined values into the form fields.

  An optional field that specifies the path to a node in the repository. When this node has properties that match the field names, then the appropriate fields on the form are preloaded with the value of those properties. If no match exists, then the field contains the default value.

  Using Load Path you can preload the form with values in the required fields. See Preloading Form Values.

• Client Validation

  Indicates whether client validation is required for this form (server validation always occurs). Client validation can be achieved with the Forms Captcha component.

• Validation Resource Type

  Defines the form validation resource type if you want to validate the entire form (instead of individual fields). If you are validating the complete form, also include one of the following:

  • A script for client validation:

    /apps/<*myApp*>/form/<*myValidation*>/formclientvalidation.jsp

  • A script for validation on the server side:

    /apps/<*myApp*>/form/<*myValidation*>/formservervalidation.jsp

• Action Configuration

  The options available in Action Configuration depend on the selected Action Type:

  • Account Request

    • Create Account Page

      The page used when creating an account.

  • Create Content

    • Content Path

      The content path for any content that the form dumps. Enter a path that ends with a slash /. The slash means that for each form port, a new node is created at the given location; for example:

      /forms/feedback/

    • Type

      Select the required type.

    • Form

      Specify the form.

    • Render with

      Select the required option from the list.

    • Resource Type

      If set, it is added to each comment as sling:resourceType

    • View Selector

  • Create Lead

    • Lead is added to this list

      Specify the required lead list.

  • Create and Update Account

    • Initial Group

      Group to assign new user to.

    • Home

      Page to display after successful login.

    • Path

      The path (relative) to where the new account is created and stored.

    • View Data…

      Selecting this button accesses the information about form results in the Bulk Editor. From here, you can export the information to a .tsv (tab-separated) file (for use, for example, in an Excel spreadsheet).

  • Mail

    • From

      Enter the email address that the email should come from.

    • Mailto

      Enter one or more email addresses that the form is sent to.

    • CC

      Enter one or more CC email addresses.

    • BCC

      Enter one or more BCC email addresses.

    • Subject

      Enter a subject for the email.

  • Reset Password

    • Change Password Page

      The page used when changing the password.

  • Store Content

    • Content Path

      The content path for any content that the form dumps. Enter a path that ends with a slash /. The slash means that for each form port, a new node is created at the given location; for example:
      /forms/feedback/

    • View Data…

      Click this button so you can access the information about form results in the Bulk Editor. From here, you can export the information to a .tsv (tab-separated) file (for use in an Excel spreadsheet, for example).

  • Store Content With Uploads

    Has the same options as Store Content.

  • Unsubscribe Subscriber

    • Lead is deleted from this list

      Specify the required lead list.

Form End

• Show Submit Button

  Indicates whether a Submit button should be shown or not.

• Submit Name

  An identifier if you are using multiple submit buttons in a form.

• Submit Title

  The name that appears on the button, such as Submit or Send.

• Show Reset Button

  Selecting the check box makes the Reset button visible.

• Reset Title

  The name that appears on the Reset button.

• Description

  Information that appears below the button.

Tag Field

• Allowed Namespaces

  • Geometrixx Outdoors
  • Workflow
  • Forum
  • Stock Photography
  • Geometrixx Media
  • Standard Tags
  • Marketing
  • Asset Properties
  • Width in pixels
  • Popup Size