| Table of Contents |
|---|
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:
- Open the latest version of BDE at: https://www.cubbles.world/bde/bde@2.0.0-SNAPSHOT/bde/index.html.
- Add the
cubx-text-inputand thecubx-marked-element(both version 1.0), using the dataflow-view. - Then connect the
valueoutput slot ofcubx-text-inputto themarkdownUrlinput slot ofcubx-marked-element, again within the dataflow-view.
After that, you should get the a component with the following dataflow:
| Info |
|---|
If you want to know how to perform those steps, check the Compose a compound using BDE tutorial. |
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:
| Name | Value |
|---|---|
| Name | markdown-visualizer |
| Version | 1.0.0-SNAPSHOT |
| Description | This webpackage contains a component to visualize external documents written using Markdown language |
| Keywords | markdown, visualizer |
| Author | Name: Your name Email: your email Url: Optionally your websites url |
Now save the changes.
| Info |
|---|
| The other properties are optional and are further than the purposes of this tutorial. |
Compound properties
Within the dataflow-view you can edit the Artifact Id and the Description of the component you are currently composing. To edit those properties you should right-click on an empty area of the dataflow-view. Then, a modal menu should appear, please click on edit. Finally, fill the dialog as follows:
| Property | Value |
|---|---|
| Artifact Id | markdown-visualizer |
| Description | This component allows to visualize external documents written using Markdown language |
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:
