[Question]: How to change device from dropdown to icon

Question

I'm trying to replace the dropdown with icon for the devices following the example in the newsletter template yet it doesn't work.

Phil-B · Accepted Answer

The above examples didn't work for me in version 0.17.28 (I presume the API has changed). This worked:

umerrinayat · Answer

@petervandeput https://github.com/artf/grapesjs/issues/1507#issuecomment-496280105 After grapesjs init. ```// Add device icons on panels bar editor.getConfig().showDevices = 0; editor.Panels.addPanel({ id: "devices-c" }).get("buttons").add([ { id: "set-device-desktop", command: function(e) { return e.setDevice("Desktop") }, className: "fa fa-desktop", active: 1}, { id: "set-device-tablet", command: function(e) { return e.setDevice("Tablet") }, className: "fa fa-tablet" }, { id: "set-device-mobi...

artf · Answer

You should also create those commands https://github.com/artf/grapesjs-preset-newsletter/blob/04f1eb21c1ae45f8d2b2912323e79354d8e72f18/src/commands.js#L30-L44

How to change device from dropdown to icon

Question

Answers (3)

Related Questions and Answers

[Question] How to add a new property type(integer) to StyleManager?

[Question] How to add "Ordered/Unordered List" option in rte/custom block

Custom component and save

[QUESTION] how to create custom element

Paid Plugins That Match This Issue

Browse Plugin Categories