basic button
. Pull out the content pin with your left mouse button. You get the translate: by key
. The action allows you to make your page multi lingual. The translate: by key
requires you to enter a key you want to use for your translation. Once selected you can fill out the languages you want to be translated. We will explain the Translations
in a later tutorial
Using your right mouse button will give you the most-used option directly, without first showing the action menu.
click event: left click
from the menu. We will create a new (function) event by typing the name of the function in the searchfield: openRegisterModal
. When a function already exist it will be shown in the search results.
default modal
. Custom modals
can be styled to perfection, but for now, we will start simple and use the default that already includes the most common functionality, like a button that closes the modal if the user wants to go back to the main screen.
If you save the blueprint and test your button again, you will see that a modal opens.
Pull out the text pin (use the right mouse button) and add a text to the heading. Your blueprint should look like the picture on the right.
h3 refers to the HTML tag. Rual uses standard HTML and CSS notations to keep things simple.