Separate Toolbox and Workspace

[Roger Olivella]

We from Sistema THEAD are actively working on a new blockly editor and we have one questions for this awesome community! Thank you in advance for all your generous support.

QUESTION 1:

We need to separate the two elements: toolbox and workspace. 

Because we need to make the workspace smaller than the toolbox.

See this examples:

¿is this possible? we tried but looks no easy.

Thanks for any advice :) 

[Ben Henning]

Hi,

I think your images may not have come through--it may be worth resending them.

Depending on what you're specifically trying to change regarding the toolbox sizing, this page likely contains the CSS classes you can utilize to tweak the toolbox appearance (CSS is the recommended way to do this in Blockly). Separately, you can use your browser's inspector to see what CSS classes different parts of the toolbox use in case one of those needs to have customization, instead.

Regards,

Ben

--
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+u...@googlegroups.com.
To view this discussion visit https://groups.google.com/d/msgid/blockly/76085659-f6bb-4ac2-b533-f96f09497cban%40googlegroups.com.

[Roger de Sistema THEAD]

Thanks Ben, you're very kind!

We'll check the resource you share, and be in touch :)

by the way, I am attaching the images again:

[Ben Henning]

Ah, I had misread the original request that you were looking to make the workspace smaller.

As far as I know this isn't supported. I did some quick CSS hacks to essentially achieve the same result but, predictably, they cause coordinate shifting, over-rendering for blocks dragged outside the workspace, and scrollbar issues. This might be something that's possible to solve with a plugin but it would be fairly involved. I would be curious if anyone else in the community has done something like this before and how they managed to solve it.

Regards,

Ben

To view this discussion visit https://groups.google.com/d/msgid/blockly/d5cc8d5d-0675-4ff0-a9d1-a4200347563bn%40googlegroups.com.