Lotus Web Content Management Authoring builder sample
This sample shows a simple use of the WCM (Web Content Management) Authoring builder to create a custom portlet for creating and updating content stored in WCM. The UI is profiled and optimized for both desktop and mobile devices, as shown in the screenshots below. The WCM authoring builder makes it very easy to create any kind of custom UI for creating and updating WCM content. You can also access workflow functions using this builder, but that isn't demonstrated in this sample.
Here is a screenshot of the UI on a desktop device:
Here is a screenshot of the UI on a smartphone device:
Here is the Update page, in desktop view:
The provider model uses just a single WCM Authoring builder, with List, Create, Retrieve, Update, and Delete operatins enabled, as shown in this screenshot:
WCM Authoring template description
This sample uses an authoring template. You will need to create this Authoring Template in WCM in order to use this sample.
Name: NewsAuthoringTemplate
Display Title: News
Site area: Web Content/Articles
There are three content elements added. You will need to add these to the NewsAuthoringTemplate you create:
– Contents (Rich Text)
– Sector (Text)
– Category (Text) – this one shows up as “CategoryElement” since “Category” is a predefined element
Here is the Element Manager screen from WCM:
In the sample application, the "Name" element must be generated automatically by WCM. To enable this, there's an additional setting you need to make when creating the Authoring Template:
- Select the "Default Content" tab for the Authoring Template.
- At the top, next to "Name:", click the little icon to bring up the "Name Field Properties" form.
- Down near the bottom, click the checkbox for "Generate name. Field will not be editable when visible."
There are two models included:
samples/wcm/NewsService: The provider model, including the Lotus Web Content Management Authoring builder.
samples/wcm/NewsView: The consumer or UI model. This model includes profiling by device type, so that the smartphone view uses a different layout (using the Data Layout builder).
There is also a custom HTML page to define the layout for the details, create, and update pages, for desktop mode.