Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 4 Next »


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:

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:

NameValue
Namemarkdown-visualizer
Version1.0.0-SNAPSHOT
DescriptionThis webpackage contains a component to visualize external documents written using Markdown language
Keywordsmarkdown, visualizer
Author

Name: Your name

Email: your email

Url: Optionally your websites url

Now save the changes.

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:

PropertyValue
Artifact Idmarkdown-visualizer
DescriptionThis 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:

Modifying members properties

Modifying slots properties

Other functionalities

  • No labels