为什么我的GUI构建器与codenameone网站上的参考图像不匹配？

Question

I'm working on the front end for an app in my CS class and I want to use the new GUI builder since previously I've been using the old one. I looked up videos on how to use the new builder and realized that the builder in the tutorials doesn't match what's on my screen making it hard to work with. Is there anything I can do to fix this or should I just adjust to the different layout?

CodenameOne example:

My example:

Answer 1

There are more options and more features but if you'll look at the actual buttons within the UI you will notice that they are identical. Once you place components in (which you drag from the right side) you will see a UI that's similar to the one in the first picture. Notice you need to click on the accordion in the right side to expand it.