Component Creation – loss of functionality

[vivian14Participant]

Hello, I have gone through the component creation knowladge bases and such however on newely created components the same editing options do not apply as previous ones. For instance creating a 'jumbotron' component. Initially I was hoping to be able to use base html as such.

<div class="jumbotron">
  <h1>Hello, world!</h1>
  <p>...</p>
  <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>

However that dissalows selecting the block to edit in the builder. Alternatively I noticed a data-component attribute on each of the blocks that ship with the builder so I tried

<div data-component="jumbotron" class="jumbotron">
  <h1>Hello, world!</h1>
  <p>...</p>
  <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>

Again no option to select or edit the jumbotron in a similar fashion as other block level elements within the builder. Leading me to the final question which is, do we need to define the data-component selectors within the '.\assets\js\builder folder? Also, I noticed components that are shipped with the builder are escaped versions of their html in the elements.json file should we be adding them in this fashion instead to ensure functionality? Please advise.

Add New Note to this Reply

[Martin PKeymaster]

Replies only viewable for logged in users

Add New Note to this Reply