Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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:

  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 using  (both version 1.0), using the dataflow-view.
  3. Then connect the value output slot of cubx-text-input to 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:

Info

If you want to know how to perform those steps, check the Compose a compound using BDE tutorial.

Modifying webpackage and compound properties

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

Image Added

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

NameValue
Namemarkdown-visualizer
DescriptionThis webpackage contains a component to visualize external documents written using Markdown language


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

Modifying members properties

Modifying slots properties

Other functionalities