Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -145,33 +145,55 @@
145	145	[[image:squareline.io_downloads.png]]
146	146
147	147
148		-After installation, you can use SquareLine Studio as a trial version for 30 days without activation. Click **CONTINUE WITH TRIAL** to use the trial version, or click **LOG IN** to activate the software with your license key.
	148	+After installation, you can use SquareLine Studio with a **PERSONAL license plan**. Click **LOG IN** and create a free account using your email address. Then activate your PERSONAL license plan for free. You don’t need to provide any credit card information. However, the PERSONAL license plan has the following limitations:
149	149
150		-[[image:squalreline-trial.png||height="602" width="400"]]
	150	+* Max. 10 screens
	151	+* Max. 150 widgets
	152	+* Max. 5 global colors
	153	+* Max. 2 themes
	154	+* Max. 1 component
151	151
152		-The free version restricts usage to 1 component, 150 widgets, and 10 screens.
153	153
154		-== 2.3 Simple usage of SquareLine Studio and export UI code ==
	157	+== 2.3 Simple usage of SquareLine Studio and exporting UI code ==
155	155
156	156
157		-After launching and logging in to this software, create a project as shown in the following image 2. The version of LVGL is 8.3.11.
	160	+After launching and logging into the software, create a new project as shown in Image 2.
158	158
	162	+* Select the major **LVGL** version as **8.3**.
	163	+* Select the **Desktop** tab.
	164	+* Select  **Eclipse with  SDL for  development on PC**:
	165	+* In the **PROJECT SETTINGS**, select **LVGL version** **8.3.11**
	166	+* Select the **CREATE **button.
	167	+
	168	+
159	159	[[image:image-20240928103357-2.png||height="680" width="708"]]
160	160
161		- image 2 create a SquareLine project
	171	+ Image 2: Creating a new SquareLine project
162	162
163		-Next, we need to make some settings for this project. By clicking in the specified order on image 3, we can see the page as shown in image 4.
164	164
	174	+Next, you need to configure some settings for this project. By clicking in the specified order shown in Image 3, you will be directed to the page displayed in Image 4.
	175	+
	176	+* Select File  -> Project Settings
	177	+
165	165	[[image:1727229582471-566.png]]
166	166
167		- image 3 project settings
	180	+ Image 3 accessing project settings
168	168
	182	+
	183	+In the PROJECT SETTINGS dialog box, configure/modify the project settings:
	184	+
	185	+* **UI Files Export Root**: Select a folder on your computer to store the UI files.
	186	+* **LVGL Include Path**: Set this to **lvgl.h**
	187	+* **Click on the APPLY CHANGES button.**
	188	+
169	169	[[image:image-20240928105309-4.png||height="526" width="556"]]
170	170
171		- image 4 modify project settings
	191	+ Image 4 Configure/modify project settings
172	172
173		-Now we can start to use this software. Here are some usage information for this software.
174	174
	194	+Now you can start building the UI. Follow the steps below:
	195	+
	196	+
175	175	**~1. add widget**
176	176
177	177	To add a widget, you should click a widget you want to add at the area entitled “Widgets”. In image , demonstrate a add process of label, button, and image 5.