How to add Icon for category?

[Nicholas Li]

Hi,

I want to add some Icon for my category in toolbox (like below example), I guess that needs add some code after blocklyTreeIcon in css.js. 

But I do not know how to code it, Is there any development guide for how to do that?

Thanks,

~Nick

[Erik Pasternak]

Hi Nick,

This isn't something Blockly supports directly and I don't know of any guides explaining how developers add it. Several devs have done this, though, including Microsoft's MakeCode and Scratch Blocks. You could take a look at the changes Scratch Blocks has made to Toolbox as a starting point. They've added an additional parameter to the toolbox labels for an icon which they use when creating the dom.

Cheers,

Erik

[Neil Fraser]

Although Blockly doesn't support icons, the underlying Closure UI does.  Here are some resources:
https://google.github.io/closure-library/source/closure/goog/demos/tree/demo.html
https://google.github.io/closure-library/api/goog.ui.tree.TreeControl.html
https://github.com/google/closure-library/blob/master/closure/goog/ui/tree/basenode.js#L1127

From Blockly's end, you can unofficially access the tree like this:
  workspace.toolbox_.tree_

Good luck!

--
You received this message because you are subscribed to the Google Groups "Blockly" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blockly+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Neil Fraser
https://neil.fraser.name

[Nicholas Li]

Hi Erik,

Thanks for your answer, I will try to understand how to do that in Scratch 3.0~

Cheers,

~Nick

在 2018年1月9日星期二 UTC+8上午2:39:29，Erik Pasternak写道：

[Nicholas Li]

Hi Fraser,

Thanks for your answer, it is very helpful for me.

Regards,

Nick

在 2018年1月9日星期二 UTC+8上午4:56:48，Neil Fraser写道：

To unsubscribe from this group and stop receiving emails from it, send an email to blockly+u...@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.