CUI Editor · LESSON 3 / 5
Link screens and add an input
Switch between welcome and rules, try typing and close the interface.
Before you start
- A browser and the CUI editor. No server is needed to follow this lesson.
- Continue with the previous lesson’s project or import its example JSON.
Video and chapters
On screen
Create a second screen
Add Server rules as a second screen, then a Card with the rules and a back button.
Descriptive transcript and files
This video is silent. The transcript describes actions and visual results; captions repeat the on-screen instructions.
- 0:00
Create a second screen — The + beside Main view adds a screen.
- 0:02
Name the screen Server rules — Keep Empty canvas, then click Add screen.
- 0:05
Add a card — In Add, choose Card.
- 0:07
Enter the title and rules — Title: Server rules. Use the body for your server rules.
- 0:12
Prepare the back button — Replace Open with Back to welcome.
- 0:15
Create navigation back to welcome — Keep Navigate to screen and click Create action.
- 0:18
Check the Main view target — The button returns to welcome. Select Main view in the screen selector.
- 0:23
Link Server rules to its screen — Behavior: Navigate to screen. Target screen: Server rules.
- 0:26
Add an input inside Content — In Add, choose Input.
- 0:28
The initial text is Your name — Then position the input below progress: X 660, Y 450.
- 0:31
Position the input — Layout: X 660, Y 450.
- 0:35
Limit input to 40 characters — Interaction: Max length 40. Keep Player can type.
- 0:38
Add a Close button — In Add, choose Button.
- 0:40
Name the button Close — This button will close the interface during the test.
- 0:43
Keep the illustration clear — Place Close above progress: X 660, Y 280.
- 0:48
Create the Close interface action — In Interaction, choose Close interface, then Create action.
- 0:53
Keep the server rules readable — Two short lines are enough for this example card.
- 0:56
Use a short back label — Back keeps the label on one line.
- 0:58
Enlarge the rules card — Layout: W 720, H 400.
- 1:02
Align both cards — Layout: X 280, Y 160, matching the welcome card.
- 1:06
Test navigation and input — Click Test, then Server rules.
- 1:09
The rules screen opens — The Back button returns to the welcome screen.
- 1:12
Typing stays in the preview — Alex is test input; the project keeps Your name as its initial text.
- 1:15
Close dismisses the interface in Test — Exit preview returns to editing.
Follow the steps
- Add a Server rules screen with a Card, then connect the forward and back buttons in Interaction.
- Add an input inside Content and a button with the Close interface action.
- Test navigation, typing and closing with Test.
How can a chat command open a screen?
- Select the screen, then open its Properties → Player chat commands.
- Add a name without a slash, for example menu for /menu. Choose a permission, a group, or Everyone.
- From In-game interfaces, select Window → Opening → Configure opening to target a page or configure opening on join. Screen settings in the advanced editor remain available for standalone projects.
Any listed permission OR group allows access. Your server must already have those groups and grant permissions to players; the editor does not do that. Preview tests local interactions, not server permissions or command conflicts.
This setting is for standalone interfaces. Plugin-owned interfaces remain opened and controlled by their plugin. Installation and permissions →
The four videos and their projects show the standalone workflow recorded in October 2026; their images and former labels are retained. For current Window/Page settings, format and ZIP export, follow the Server windows guide.