kanenori-sunset-7133867_1280
Image

PageCraft Example

This is an example website to show some features in PageCraft. It demonstrates bindings to component properties and expressions as well as some components and templates.

The result of multiplying the two numbers together will be: 8

12345678

This box demonstrates some expressions. The number at the top is using a multiplication expression based on the values of the two number fields. The badges under are also using expressions. In this case a repeater expression that repeats the badges the same number of times. The numbers in the badges are the current indices plus one.

This is some text that can be changed.

This box demonstrates property bindings. The text at the top is bound to the value in the first input field. The color of the text is bound to the value of the second input field and the background color of the text is bound to the value of the third input field.

This box will only be visible on desktop, unless the switch below is checked.

Visible on mobile and tablet

This box demonstrates actions. If you click on the "Verify" button, the border color of the text area will change. But it will change depending on some condition. Try typing "Hello, World!" in the text area and verify if it is correct or not.

Name:

Message:

This box demonstrates the WebSocket with various actions and expressions. If you click on the Connect button it will connect the socket. Then type a name and a message and click on the Send Message button to send the message with the given name. Click on the Disconnect button to disconnect the socket.