Series of Basic Tutorials - 4.How to create a Green section part II.

preview_player
Показать описание
Welcome to our basic low-code tutorials on using the Elwis app web builder.

🎥 In this video, we’ll walk you through creating and customizing pages using the Elwis Web app Builder. Here’s what we’ll cover:

1️⃣ Click on Pages:
Select the Task page and click on the pen icon to edit. ✏️
2️⃣ Add a Section:
Click on the ➕ icon to add a section. You can use the default column arrangement or create your own by clicking Generate.
3️⃣ Add Widgets:
Click the ➕ in the middle of the section to view widget options, and select Text. 📝
4️⃣ Create Another Section:
We proceed in the same way as when creating the first section. This time, select the Artifact Task 2 widget and assign it attributes (from the Type System video).
5️⃣ Adjust Column Size:
The number in the columns box indicates the size of the box. Customize it as needed.
6️⃣ Edit Attribute Styles:
By clicking on the attribute name, you can select it. Then, use the Label Styles menu to change the text size and color. 🎨
7️⃣ Apply Styles:
You can change text color individually for each attribute or apply the same style to all items with one click.
8️⃣ Background Color:
In the widget setting menu in the lower right corner, click on Colors to choose a background color.
9️⃣ Enable Editing:
Click Initiate Edit with the EDIT button to add an edit button to the artifact, allowing changes to be made to the saved task. ✍️
🔟 Preview and Test:
By clicking on Pages and the eye icon 👁️ - Preview, you can view the widget we created and try to create and save a task.

Get ready to master these skills and enhance your web app! Don't forget to like, share, and subscribe for more tutorials. 🚀

✏️ Created by Slavomira Solmosiova & Natalia Motyl

*Let's stay connected:*

✔️ LinkedIn: / elwisapp
✔️ YouTube: @elwisapp-kw9xm

0:00 Welcome to Elwis App
0:07 Create a new section
0:17 Text widget
0:23 Text formatting options
0:40 Artifact widget + attributes
1:02 Column size
1:19 Artifact name style options
1:33 Background colour of artifact
2:00 Preview changes + testing
Рекомендации по теме