Summary

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

Details

Page properties

Content

...	...	@@ -145,55 +145,33 @@
145	145	[[image:squareline.io_downloads.png]]
146	146
147	147
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:
	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.
149	149
150		-* Max. 10 screens
151		-* Max. 150 widgets
152		-* Max. 5 global colors
153		-* Max. 2 themes
154		-* Max. 1 component
	150	+[[image:squalreline-trial.png||height="602" width="400"]]
155	155
	152	+The free version restricts usage to 1 component, 150 widgets, and 10 screens.
156	156
157		-== 2.3 Simple usage of SquareLine Studio and exporting UI code ==
	154	+== 2.3 Simple usage of SquareLine Studio and export UI code ==
158	158
159	159
160		-After launching and logging into the software, create a new project as shown in Image 2.
	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.
161	161
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		-
169	169	[[image:image-20240928103357-2.png||height="680" width="708"]]
170	170
171		- Image 2: Creating a new SquareLine project
	161	+ image 2 create a SquareLine project
172	172
	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.
173	173
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		-
178	178	[[image:1727229582471-566.png]]
179	179
180		- Image 3 accessing project settings
	167	+ image 3 project settings
181	181
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		-
189	189	[[image:image-20240928105309-4.png||height="526" width="556"]]
190	190
191		- Image 4 Configure/modify project settings
	171	+ image 4 modify project settings
192	192
	173	+Now we can start to use this software. Here are some usage information for this software.
193	193
194		-Now you can start building the UI. Follow the steps below:
195		-
196		-
197	197	**~1. add widget**
198	198
199	199	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.