Page History

HTML Wrap

float	right
class	menu decimal

In this tutorial:

Children Display

page	DOCS57:Creating a custom content app

...

Localtab Group

Localtab

active	true
title	YAML

Code Block

language	js

name: flickr-simple-browser
appClass: info.magnolia.ui.contentapp.ContentApp
subApps:
  browser:
    subAppClass: info.magnolia.ui.contentapp.browser.BrowserSubApp
    class: info.magnolia.ui.contentapp.browser.BrowserSubAppDescriptor
    # contentConnector:
    # workbench:
    # imageProvider:

Localtab

title	JCR node

Advanced Tables - Table Plus

heading	0
multiple	false
enableHeadingAttributes	false
enableSorting	false
class	m5-configuration-tree
enableHighlighting	false

Node name

Value

Mgnl f

flickr-simple-browser

Mgnl f

apps

Mgnl n

flickr-simple-browser

Mgnl n

subApps

Mgnl n

browser

Mgnl n

contentConnector

Mgnl n

workbench

Mgnl n

imageProvider

Mgnl p

class

info.magnolia.ui.contentapp.browser.BrowserSubAppDescriptor

Mgnl p

subAppClass

info.magnolia.ui.contentapp.browser.BrowserSubApp

Mgnl p

appClass

info.magnolia.ui.contentapp.ContentApp

...

flickr-simple-browser

required

App

subappssubApps

required

browser

required

Subapp

class

required

Javadoc

0	info.magnolia.ui.contentapp.browser.BrowserSubAppDescriptor

subAppClass

required

Javadoc

0	info.magnolia.ui.contentapp.browser.BrowserSubApp

appClass

required

Must be

Javadoc

0	info.magnolia.ui.contentapp.ContentApp

or a subclass.

...

Localtab Group

Localtab

active	true
title	YAML

Code Block

language	js

browser:
  contentConnector:
    class: info.magnolia.flickr.simplebrowser.app.contentconnector.ConfiguredSimpleFlickrBrowserContentConnectorDefinition

Localtab

title	JCR node

Advanced Tables - Table Plus

heading	0
multiple	false
enableHeadingAttributes	false
enableSorting	false
class	m5-configuration-tree
enableHighlighting	false

Node name

Value

Mgnl n

browser

Mgnl n

contentConnector

Mgnl p

class

info.magnolia.flickr.simplebrowser.app.contentconnector.ConfiguredSimpleFlickrBrowserContentConnectorDefinition

...

Localtab Group

Localtab

active	true
title	YAML

Code Block

language	js

browser:
  workbench:
    contentViews:
      - name: thumbnail
        class: info.magnolia.flickr.simplebrowser.app.workbench.SimpleFlickrThumbnailPresenterDefinition

Localtab

title	JCR node

Advanced Tables - Table Plus

heading	0
multiple	false
enableHeadingAttributes	false
enableSorting	false
class	m5-configuration-tree
enableHighlighting	false

Node name

Value

Mgnl n

browser

Mgnl n

workbench

Mgnl n

contentViews

Mgnl n

thumbnail

Mgnl p

class

info.magnolia.flickr.simplebrowser.app.workbench.SimpleFlickrThumbnailPresenterDefinition

...

Localtab Group

Localtab

active	true
title	YAML

Code Block

language	js

browser:
  imageProvider:
    class: info.magnolia.ui.imageprovider.definition.ConfiguredImageProviderDefinition
    imageProviderClass: info.magnolia.flickr.simplebrowser.app.imageprovider.SimpleFlickrBrowserPreviewImageProvider

Localtab

title	JCR node

Advanced Tables - Table Plus

heading	0
multiple	false
enableHeadingAttributes	false
enableSorting	false
class	m5-configuration-tree
enableHighlighting	false

Node name

Value

Mgnl n

browser

Mgnl n

imageProvider

Mgnl p

class

info.magnolia.ui.imageprovider.definition.ConfiguredImageProviderDefinition

Mgnl p

imageProviderClass

info.magnolia.flickr.simplebrowser.app.imageprovider.SimpleFlickrBrowserPreviewImageProvider

...

Localtab Group

Localtab

active	true
title	YAML

Code Block

language	js

browser:
  workbench:
    contentViews:
      - name: list 
        class: info.magnolia.flickr.simplebrowser.app.workbench.SimpleFlickrListPresenterDefinition
        columns:
          - name: title
            class: info.magnolia.flickr.app.workbench.FlickrBrowserItemColumnDefinition
            formatterClass: info.magnolia.flickr.app.workbench.FlickrBrowserItemColumnFormatter
            propertyName: title

Localtab

title	JCR node

Advanced Tables - Table Plus

heading	0
multiple	false
enableHeadingAttributes	false
enableSorting	false
class	m5-configuration-tree
enableHighlighting	false

Node name

Value

Mgnl n

browser

Mgnl n

workbench

Mgnl n

contentViews

Mgnl n

list

Mgnl n

columns

Mgnl n

title

Mgnl p

class

info.magnolia.flickr.app.workbench.FlickrBrowserItemColumnDefinition

Mgnl p

formatterClass

info.magnolia.flickr.app.workbench.FlickrBrowserItemColumnFormatter

Mgnl p

propertyName

title

Mgnl p

class

info.magnolia.flickr.simplebrowser.app.workbench.SimpleFlickrListPresenterDefinition

Properties:

list

required

columns

required

Column definitions for tree, list and search views. You don't need to define columns for the thumbnail view.

<column name>

required

You can choose the name of the column. H owever, it is common practice to use same name as in propertyName.

class

required

The column definition class reads the column configuration and displays the column accordingly. The class must implement

Javadoc

0	info.magnolia.ui.workbench.column.definition.ColumnDefinition

.

formatterClass

required

Defines how the column's value is displayed in the UI. This is useful for making the raw data more readable or making it adhere to a formatting convention.The formatter class must extend

Javadoc

0	info.magnolia.ui.workbench.column.AbstractColumnFormatter

propertyName

required

The name of the property as configured in the container. See

Javadoc

0	info.magnolia.flickr.simplebrowser.app.container.SimpleFlickrFlatContainer

#configure and SimpleFlickrItem.IDs#getIDs.

class

required

Presenter definition class.

Page tree

Versions Compared

Old Version 2

New Version 3

Key