How to achieve this with GameStudio/Editor?

I am trying to implement an app in which, some controls are shown in left side and model is shown in right side. (As shown in the image)

I downloaded the CodeOnly sample from and changed code like below to achieve this.

namespace Xenko.CodeOnlySample.Windows
    class Xenko_CodeOnlySampleApp
        static void Main(string[] args)
            using (var game = new CodeOnlyGame())
                var form = new GameForm();
                var splitContainer = new SplitContainer();
                splitContainer.Dock = DockStyle.Fill;
                splitContainer.SplitterDistance = 100;
                splitContainer.Panel1.BackColor = Color.White;
                for (var i = 0; i < 10; i++)
                    var button = new Button();
                    button.Text = "Button "+i.ToString();
                    button.Width = 70;
                    button.Height = 20;
                    button.Location = new System.Drawing.Point(10,10+( 25 * i));
                var context = new GameContextWinforms(splitContainer.Panel2, 500, 500, false);

But, How to achieve this with GameStudio?

Thanks in advance.

Do you mean how to create the UI in a loop? I start with placing a container in the UI section. And let startup code fill the buttons inside the container. It wouldn’t be much different than what you have right now I think.

I mean, my approach works only with winforms. I want to design an user interface(as shown in the image ) at design time so that it works on all the platforms.