Custom Shape Dividers

[Dox]

There is any way to have this piece of code from https://www.shapedivider.app working in Softr pages. Imagine to be able to shape the background of blocks.

If any devs can figure out how to make this work, please help!

[matthieu_chateau]

SVG Shape Generator – Create SVG shapes for your designs

you may be interested by this.

If you meant to do it directly inside softr studio, like having the possibilty to have a shape divider directly inside softr studio, well, that’s impossible except being part of their engineering team.

If you want shapedivider to appear on your app/website, maybe you could embed it with an iframe and a custom code block (not sure it would work) but, anyway, that would be a copyright infringement. So no.

[Dox]

This is amazing, thank you for let me know.

[Javi]

I just landed here looking to ask the same question. It’s a shame that this is not possible yet, it’d be amazing if Softr could add the possibility of adding different types of dividers or at least allow to upload our own svg dividers.

[dcoletta]

Different shape dividers

Hi Javi! I am not so sure this can’t be done with custom code! I played around a little and was able to get this demo page to kinda sorta work. I bet with a little more tweaking it could look decent. The way I did this was to wrap the generated CSS in a <style> tag and put it into the Code Inside Header for the page, then paste the generated HTML into the Code Inside Footer for the page. I was also able to get it to load in a custom code block within the page.