28 Tutorial: Develop Components with Knockout

This tutorial takes you through working with the set of JavaScript objects, which leverage the standard Knockout ViewModel and Template functionality, to create a component which is stored in the Oracle Content Management Component Catalog.

Note:

Oracle Content Management is moving away from Knockout JavaScript technology in favor of Mustache as the recommended default template system in JavaScript. If you are just starting out with Oracle Content Management, it is suggested you use Mustache, Preact, React, or other JavaScript UI technology in your component development.

• Introduction and Prerequisites for Component Development with Knockout

• Step 1: Create a Component

• Step 2: Review the Structure of Your Local Component Rendering

• Step 3: Review the Structure of Local Component Settings

• Step 4: Display the New Property in the Component

• Step 5: Register Triggers

• Step 6: Raise Triggers

• Step 7: Register Actions

• Step 8: Execute Actions

• Step 9: Create a Distinct Title for Each Instance of the Component

• Step 10: Use Nested Components with In-Line Editing

• Step 11: Support Different Layouts

• Step 12: Define Custom Styles

• Step 13: Render a Component in an Inline Frame

• Step 14: Use Custom Styles When the Component Is Rendered in an Inline Frame

• Step 15: Integration with the Page Undo and Redo Behavior

• Step 16: Asset Management

• Tutorial Review