Custom Dashboard node without md-card - possible?

Developing Nodes
20

Allmost forgotten ...
In case anybody ever needs this feature, Dave (@dceejay) has been so kind to fix this last week in dashboard version 2.16.3.

We only had to do the following changes to our UI contribution node, to get a height of 0 in the dashboard:

  1. We had to remove the "Size" property from our config screen:

    image
    By removing simply this part from our html:

    <div class="form-row" id="template-row-size">
     <label><i class="fa fa-object-group"></i> Size</span></label>
     <input type="hidden" id="node-input-width">
     <input type="hidden" id="node-input-height">
     <button class="editor-button" id="node-input-size"></button>
</div>

  2. The accompanying popup dialog (with the size selector) could also be removed from the oneditprepare function:

    $("#node-input-size").elementSizer({
   width: "#node-input-width",
   height: "#node-input-height",
   group: "#node-input-group"
});

  3. And the height had to be set to -1:

    defaults: {
   ...
   height: {value: -1},
   ...
},

As a result Dave's fix even doesn't generate an md-card element in the dashboard, so it takes no space at all...

3 Likes