Purpose

Demonstrate how to edit a compound properties within the data-flow view. We will concentrate on the edition of the members' properties.

First steps

We are going to compose a component that will allow the visualization of external documents written using Markdown language. Then we will edit it using the BDE. This compound will be composed by the cubx-text-input and the cubx-marked-element components and.

First you need to perform the following steps:

1. Open the latest version of BDE at: https://www.cubbles.world/bde/bde@2.0.0-SNAPSHOT/bde/index.html. 
2. Add the cubx-text-input and the cubx-marked-element (both version 1.0), using the dataflow-view.
3. Then connect the value output slot of cubx-text-input to the markdownUrl input slot of cubx-marked-element, again within the dataflow-view.

After that, you should get the a component with the following dataflow:

Modifying webpackage properties

Now using the Webpackage Explorer (see image below) you can edit webpackage's meta information and the compound's properties.

Webpackage meta information

Now set the meta information of our webpackage (using option 1 in the image above) as follows:

Now save the changes.

Compound properties

We will edit the Artifact Id and the Description of the component using the Compound properties dialog (option 2 on image above) as follows:

If you check the members and the connections properties the changes you made in First steps section should be reflected. They look similar to the image below:

Modifying members properties

Now we will edit our compound's members properties within the dataflow-view. Right click on the cubx-text-input component. Then, on the context menu that appears click on the edit option. After that, on the Member properties dialog overwrite the default values as follows:

Initializing member's slots

Now we will set an initial value to the value slot of the {{urlInput}} member ({{cubx-text-input}}).

Other functionalities