Module: alfresco/layout/VerticalWidgets

alfresco/layout/VerticalWidgets

This should be used to stack widgets in a column. Each widget will be allocated 100% of the available width and will consume as much vertical height as required. It is possible to space widgets by setting the widgetMarginTop and widgetMarginBottom attributes (but you should bear in mind that if using both attributes then the gap between 2 widgets will be the combination of both values).

Example configuration:

{
   "name": "alfresco/layout/VerticalWidgets",
   "config": {
      "widgetMarginTop": 10,
      "widgetMarginBottom": 10
      "widgets": [
         {
            "name": "alfresco/logo/Logo"
         },
         {
            "name": "alfresco/logo/Logo"
         }
      ]
   }
}

Author:
  • Dave Draper
Copyright:
  • Copyright (C) 2005-2020 Alfresco Software Limited
License:
Source:

Extends

Members

baseClass :string

The CSS class (or a space separated list of classes) to include in the DOM node.
Type:
  • string
Default Value:
  • "alfresco-layout-VerticalWidgets"
Source:

cssRequirements :object[]

An array of the CSS files to use with this widget.
Type:
  • object[]
Default Value:
  • [{cssFile:"./css/VerticalWidgets.css"}]
Source:

widgetMarginBottom :number

This is the size of margin (in pixels) that will appear to the right of every widget added.
Type:
  • number
Default Value:
  • null
Source:

widgetMarginTop :number

This is the size of margin (in pixels) that will appear to the left of every widget added.
Type:
  • number
Default Value:
  • null
Source:

Methods

allWidgetsProcessed()

Iterate over the created widgets and add the requested margins to them.
Source: