2022-04-01
I'd like to introduce the Boomla Visual Designer, or Designer for short. No, that's not an April Fools'. :)
I got plenty of requests for adding various styling capabilities for individual apps. After the basic styling options, like the text color and the background color, it seemed all of you wanted to style something else. The problem with the old approach was that adding any individual styling option would make the most important styling options become needles in a haystack. They also add enormous coding complexity.
Most importantly, there are just infinite styling options, thus no such solution could ever satisfy everyone. We needed a different approach. More like a tool, that you can use to style any of your apps, if those apps support it. Also, adding support for that should be trivial for developers.
That's how the Boomla Visual Designer was born.
Another obvious requirement was to have previews for various device sizes. Technically, this meant that the Editor had to become iframe based. As much as I wanted to avoid it, the entire Editor had to be rewritten from scratch.
While that was a huge pain in the butt, we ended up with a much more flexible codebase, so I'm incredibly happy about it.
I've recorded a couple of intro videos on the Designer, which you can find among the other Intro videos. For quick access, let me list them here as well:
Now that we have an entirely new Editor, it was just too easy to fix a few inconveniences, so I did.
In Text mode, the text-editable elements were highlighted with a red outline, but some of those elements were formattable, while others only supported text input. Now they are outlined with different colors: formattable blocks have a red outline, while non-formattable fields have a purple outline. This allows you to have more contextual information and not waste time trying to format a text block that is not formattable.
The Component Editor had a white background, which confused many of you when trying to edit a component that was white on a white background. Now it has a checkerboard background, with the option to switch between 3 colors for better visibility.
If you run into any issues or have any suggestions, please reach out to me!
I'm happy to create more intro videos, let me know if there is anything specific you wanted me to cover!
Cheers,