Is there a possibility to make the layout horizontal?

[JAMAN Lebraman]

Hello there

I am currently working on a project where we want to switch "scratch-blocks" to "blockly". The project is used in schools and it has books. In the books the whole layout of the blocks is horizontal. I have not yet found a way to make the blocks connect horizontally. Is there any way to make it possible? Perhaps with the use of a custom renderer?

We would love to switch to blockly as it is more stable but we can't switch the orientation to vertical.

Thanks

[Beka Westberg]

Hello,

The use of a custom renderer is definitely the way to go for this! At the 2019 blockly summit there was a demo of a simple horizontal renderer, so I think the concept is definitely achievable =) but there's no pre-built horizontal renderer available as far as I know :/

If you want to try building your own horizontal renderer I recommend checking out the custom renderer codelab. It should teach you the basics of creating your own renderer.

I hope that gives you some place to start! If you have any further questions please reply :D

--Beka

--
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 on the web visit https://groups.google.com/d/msgid/blockly/d18967db-a801-4e7d-b188-769e9b0e9a0cn%40googlegroups.com.

[JAMAN Lebraman]

Hey Beka

Thank you very much :)

Is there a code snippet of the horizontal renderer?

Thanks

[Beka Westberg]

I dug around on github for a bit and I believe this commit contains the code demo-ed at the summit. Just a warning, you may want to download that in case it ever gets deleted!

Best of luck with your project :D And by the way, if you get something working I'm sure the core team would love to talk to you about turning it into a plugin!

--Beka

To view this discussion on the web visit https://groups.google.com/d/msgid/blockly/2f82ab66-d294-499b-a15c-fd17acec366an%40googlegroups.com.