Card

Type: card

Editable: true

Tags: div

If a div tag has a card class, which is specified in the card.classname setting, then such a layer becomes a card block.

<div class="card">...</div>

Check out the card settings for more details and examples of cards for different frameworks:

• Bootstrap Cards
• Bulma Cards

hasImage #

Checks if the card has an image.

var instance = this.app.block.get();
var has = instance.hasImage();

getImage #

Returns the card image DOM element.

var instance = this.app.block.get();
var $img = instance.getImage();

getAlt #

Returns the card image alternative text.

var instance = this.app.block.get();
var alt = instance.getAlt();

setAlt #

Sets alternative text to the card image.

var instance = this.app.block.get();
instance.setAlt('alt-text');

setImage #

Sets src and optional ID to the card image.

var data = {
    url: 'image-url.jpg',
    id: 'image-id' // optional
};

var instance = this.app.block.get();
instance.setImage(data);