Skip to Content

Changes for page 05 Cloud SCADA

Last modified by Joe on 2024/08/08 09:29
From version 18.1
edited by Stone Wu
on 2022/07/15 10:54
Change comment: There is no comment for this version
To version 24.16
edited by Stone Wu
on 2022/07/15 15:55
Change comment: (Autosaved)

Summary

Details

Page properties
Content
... ... @@ -23,7 +23,7 @@
23 23  [[image:1617874518342-186.png||height="357" width="200" class="img-thumbnail"]]
24 24  
25 25  (((
26 -= 3 Centralized monitoring =
26 += **3 Centralized monitoring** =
27 27  )))
28 28  
29 29  Centralized monitoring is the default home page of the platform. As shown as the figure below.
... ... @@ -46,7 +46,6 @@
46 46  1. **Delete group:** Click [[image:V-BOX cloud configuration user manual_html_c92089cb54d385cd.png||height="33" width="35" class="img-thumbnail"]] to delete the current group.
47 47  1. **More group:** Click [[image:V-BOX cloud configuration user manual_html_df266f0fa8d8536e.png||height="33" width="35" class="img-thumbnail"]] to display the previous or next group.
48 48  
49 -(% class="wikigeneratedid" %)
50 50  == New project ==
51 51  
52 52  Click "New project" on the upper right corner to create a new project. You could input the project name, select a group and whether it is cross-box.
... ... @@ -62,15 +62,18 @@
62 62  **✎Note: ** A project can upload no thumbnails or up to one thumbnail. When no thumbnail is uploaded, the project list will be displayed with the system default image
63 63  )))
64 64  
65 -== Manage projects ==
64 +== Manage project ==
66 66  
67 67  The centralized monitoring module includes the following functions: add new projects, delete projects and preview projects for each group. Click on the corresponding group to display the list of projects in the group, as shown below.[[image:image-20220715100603-4.jpeg]]
68 68  
69 -1. **manage project:** Click "manage project" to assign a project in the group.
70 -1. **Delete project: **Click [[image:1617948891768-154.png||class="img-thumbnail"]] on the upper right corner of a project thumbnail in the project list to move the project out of the group.
71 -1. **Preview project:** Click on [[image:1617948906340-294.png||class="img-thumbnail"]] to view the configuration screen of the project.
72 -1. **Display mode: ** You could switch the display mode by clicking the icons on the upper right corner of page, shown as below.
68 +**Manage project:** Click "manage project" to assign a project in the group.
73 73  
70 +**Delete project: **Click [[image:1617948891768-154.png||class="img-thumbnail"]] on the upper right corner of a project thumbnail in the project list to move the project out of the group.
71 +
72 +**Preview project:** Click on [[image:1617948906340-294.png||class="img-thumbnail"]] to view the configuration screen of the project.
73 +
74 +**Display mode: ** You could switch the display mode by clicking the icons on the upper right corner of page, shown as below.
75 +
74 74  (% style="text-align:center" %)
75 75  [[image:image-20220715101053-5.jpeg]]
76 76  
... ... @@ -81,86 +81,83 @@
81 81  (% style="text-align:center" %)
82 82  [[image:V-BOX cloud configuration user manual_html_72b4c2044c0ab2fe.png||height="365" width="600" class="img-thumbnail"]]
83 83  
84 -1. **Real-time data: **Click the "Real-time Data" to view the device name and state, current value, encoding, description, etc.
85 -1. **Alarm data: **Click the "Alarm data" button to pop up the alarm record page and view the current alarm status and historical alarm information.
86 -1. **Historical data:** Click the "History Data" button to pop up the history report interface of the data. You could view all the historical data.
87 -1. **Multi-language:** multi-language drop-down menu, one object could support three language at the same time, you could switch language by this menu.
88 -1. [[image:image-20220715101731-6.jpeg||height="50" width="50"]] Open or close the alarm sound of the alarm record object.
89 -1. [[image:image-20220715101736-7.jpeg||height="52" width="51"]] Full screen display or restore configuration screen.
90 -1. [[image:image-20220715101741-8.jpeg||height="51" width="50"]] Hide or show the top blue menu bar.
91 -1. [[image:image-20220715101747-9.jpeg||height="50" width="50"]] Zoom in the screen.
92 -1. [[image:image-20220715101753-10.jpeg||height="51" width="50"]] Zoom out the screen.
86 +**Real-time data: **Click the "Real-time Data" to view the device name and state, current value, encoding, description, etc.
93 93  
88 +**Alarm data: **Click the "Alarm data" button to pop up the alarm record page and view the current alarm status and historical alarm information.
89 +
90 +**Historical data:** Click the "History Data" button to pop up the history report interface of the data. You could view all the historical data.
91 +
92 +**Multi-language:** multi-language drop-down menu, one object could support three language at the same time, you could switch language by this menu.
93 +
94 +[[image:image-20220715101731-6.jpeg||height="50" width="50" class="img-thumbnail"]] Open or close the alarm sound of the alarm record object.
95 +
96 +[[image:image-20220715101736-7.jpeg||height="52" width="51" class="img-thumbnail"]] Full screen display or restore configuration screen.
97 +
98 +[[image:image-20220715101741-8.jpeg||height="51" width="50" class="img-thumbnail"]] Hide or show the top blue menu bar.
99 +
100 +[[image:image-20220715101747-9.jpeg||height="50" width="50" class="img-thumbnail"]] Zoom in the screen.
101 +
102 +[[image:image-20220715101753-10.jpeg||height="51" width="50" class="img-thumbnail"]] Zoom out the screen.
103 +
94 94  == Project setting ==
95 95  
96 96  [[image:image-20220715103031-11.jpeg]]
97 97  
98 -* [[image:image-20220715104640-1.jpeg||height="34" width="41"]]**Configuration design:** Click  the button  to enter the configuration programmer to design the configuration screen for that project. Please refer to [[6 V-BOX Configuration Design>>||anchor="H6V-boxWEBSCADAdesign"]] for details.
99 -* [[image:image-20220715104711-2.jpeg||height="32" width="40"]]**Preview project:** Click the project preview image or click the button to browse the configuration screen of the project.
100 -* [[image:image-20220715104745-3.jpeg]]**Login-free browse: **Click the button and set the expiration time in the pop-up box to generate the browsing address and QR code (scan to browse, but not to operate).
101 -* [[image:image-20220715104944-7.jpeg]]**Copy project:** Click the button to set the name and group of the new project to add a new project.
102 -* [[image:image-20220715105016-8.jpeg]]**Export project:** Click the button to export the project.
103 -* [[image:image-20220715105102-9.jpeg]]**Edit project:** Click the button to modify the project (project name and whether or not to cross V-BOX option), upload and delete thumbnails.
104 -* [[image:image-20220715105139-10.jpeg]]**Delete project:** Click the button to delete the project.
105 -* [[image:image-20220715105152-11.jpeg||height="36" width="43"]]**Assigned to a group: **Click the button to assign the project to a group.
108 +[[image:image-20220715104640-1.jpeg||height="34" width="41"]]**Configuration design:** Click  the button  to enter the configuration programmer to design the configuration screen for that project. Please refer to [[5 V-box WEB SCADA design>>||anchor="H6V-boxWEBSCADAdesign"]] for details.
106 106  
107 -= 4 Template =
110 +[[image:image-20220715104711-2.jpeg||height="32" width="40"]]**Preview project:** Click the project preview image or click the button to browse the configuration screen of the project.
108 108  
109 -== 4.1 Template management ==
112 +[[image:image-20220715104745-3.jpeg]]**Login-free browse: **Click the button and set the expiration time in the pop-up box to generate the browsing address and QR code (scan to browse, but not to operate).
110 110  
111 -Click the template management module on the left menu to enter the template management module.
114 +[[image:image-20220715104944-7.jpeg]]**Copy project:** Click the button to set the name and group of the new project to add a new project.
112 112  
113 -(% style="text-align:center" %)
114 -[[image:1617949183137-615.png||height="205" width="800" class="img-thumbnail"]]
116 +[[image:image-20220715105016-8.jpeg]]**Export project:** Click the button to export the project.
115 115  
116 -The V-box WEB SCADA platform provides a template management module that could save the designed configuration screen as a template and user could import the template .
118 +[[image:image-20220715105102-9.jpeg]]**Edit project:** Click the button to modify the project (project name and whether or not to cross V-BOX option), upload and delete thumbnails.
117 117  
118 -== 4.2 Add, edit and delete template ==
120 +[[image:image-20220715105139-10.jpeg]]**Delete project:** Click the button to delete the project.
119 119  
120 -1. **Add template: **Click the [Add] to add a template, as Figure 4-2 shows.
121 -1. **Edit template: **Click the [Edit] to edit the name and resolution of the template.
122 -1. **Delete template: **Click the [Delete] to delete the template.
122 +[[image:image-20220715105152-11.jpeg||height="36" width="43"]]**Assigned to a group: **Click the button to assign the project to a group.
123 123  
124 -(% style="text-align:center" %)
125 -[[image:1617933432286-367.png||height="347" width="600" class="img-thumbnail"]]
124 += 4 Template =
126 126  
127 -== 4.3 Design template ==
126 +== Template management ==
128 128  
129 -Click the [Template Design] in the template list to access the V-box configuration platform editor page. User could edit the template in this page. More details about how to design the project please refer to Chapter 6.
128 +Click the template management module on the left menu to enter the template management module.
130 130  
131 -(((
132 -= 5 Project management =
133 -)))
130 +(% style="text-align:center" %)
131 +[[image:1617949183137-615.png||height="205" width="800" class="img-thumbnail"]]
134 134  
135 -== 5.1 Project management ==
133 +The V-box Web SCADA platform provides a template management module that could save the designed configuration screen as a template and user could import the template to design the project more efficiently.
136 136  
137 -Click the [Project management] on the left menu to enter the project list.
135 +[[image:image-20220715105925-1.jpeg||height="46" width="45"]]**Add template: **Click the button to add a template as below.
138 138  
139 -(% style="text-align:center" %)
140 -[[image:1617949499753-859.png||height="401" width="800" class="img-thumbnail"]]
137 +[[image:image-20220715110054-4.jpeg]]
141 141  
142 -== 5.2 Add, edit, delete and preview project ==
139 +[[image:image-20220715105933-2.jpeg||height="37" width="45"]]**Edit template: **Click the button to edit the name and resolution of the template.
143 143  
144 -1. **Add project:** Click the [Add] in the upper right corner of [Project Management] to add a project (Set project name and cross-box options).
145 -1. **Edit project:** Click the [Edit] in a specific project line of the project list to modify the project (Set project name and cross-box options).
146 -1. **Delete project:** Click the [Delete] to delete the corresponding project.
147 -1. **Preview project: **Click the [Browse] to browse the project.
141 +[[image:image-20220715105937-3.jpeg||height="42" width="42"]]**Delete template: **Click the button to delete the template.
148 148  
149 -== 5.3 Login-free browse ==
143 +== Template design ==
150 150  
151 -Click the [Login-free browse] in a specific project line of the project list to pop up window, set the expiration time, then user could get the browsing address and QR code (just need a scan to browse).
145 +Click the "Template Design" in the template list to access the V-box configuration platform editor page. You could edit the template in this page. More details about how to design the project please refer to [[5 V-box WEB SCADA design>>||anchor="H6V-boxWEBSCADAdesign"]].
152 152  
153 -== 5.4 Project design ==
147 +(% class="box infomessage" %)
148 +(((
149 +**✎Note: **
154 154  
155 -Click the [Design] button in a specific project line of the project list to access the WEB SCADA editor. For more details please check Chapter 6.
151 +* Only templates of the same resolution can be imported into the configuration screen of the project;
152 +* Template design only supports single screen design;
153 +* Template screen does not support import and export, preview, compile, import other templates, and bind monitoring point functions.
154 +)))
156 156  
157 157  (((
158 -= 6 V-box WEB SCADA design =
157 += **5 Web SCADA design** =
159 159  )))
160 160  
161 -== 6.1 Main screen and Menu ==
160 +== Main screen ==
162 162  
163 -Click [Design] (or Template design) in [Project Management] (or Template Management) screen to access WEB SCADA editor.
162 +Click "Design" (or Template design) in "Project Management" (or Template Management) screen to access WEB SCADA editor.
164 164  
165 165  (% style="text-align:center" %)
166 166  [[image:1617949467765-343.png||height="393" width="800" class="img-thumbnail"]]
... ... @@ -171,154 +171,167 @@
171 171  [[image:V-box 1.png||alt="V-BOX cloud configuration user manual_html_cb0c19aefec34494.png" height="315" width="600" class="img-thumbnail"]]
172 172  
173 173  1. **Toolbar:** A function bar that provides pages operations and objects operations;
174 -1. **Project Manager:** It shows all pages for project;
175 -1. **Objects Library: **It provides 7 basic shapes objects and 13 common objects for creating SCADA page;
173 +1. **Project Manager:** It shows all screens for project and operations.
174 +1. **Objects Library: **It provides 8 basic shapes objects and 20 common objects for creating SCADA page;
176 176  1. **Design Area: **Design area for SCADA page and template;
177 177  
178 -== 6.2 Design ==
177 +== Design process ==
179 179  
180 -1. Create new page and set the property;
179 +1. Create new screen and set the property;
181 181  1. Select the object and drag the mouse in design area;
182 182  1. Edit object property and set the variable etc;
183 183  1. Save the screen;
184 184  
185 -== 6.3 Project Screen ==
184 +== Screen management ==
186 186  
187 -A project or template is composed of one or several screens. And all screens are listed on [Project Manager]. Select screen name, its page would be displayed on [Design Area].
186 +A project or template is composed of one or several screens. A template contains only one screen, whereas a project can be composed of one or more screens (only take project as an example.). All screens are listed on "Project Manager". Select screen name, its page would be displayed on "Design Area".
188 188  
189 -(% style="text-align:center" %)
190 -[[image:1617949566099-340.png||height="705" width="250" class="img-thumbnail"]]
188 +[[image:image-20220715113713-9.jpeg]]
191 191  
192 -Project Manager would display two kinds of screen. One is page screen, and the other is Thumbnail. A project or template could contain several screens, but only one thumbnail. Thumbnail is used for displayed project on [Centralized Monitoring].
190 +The screens are divided into normal screens and sub-screens, as shown above.
193 193  
194 -(% style="text-align:center" %)
195 -[[image:1617949620811-522.png||height="469" width="800" class="img-thumbnail"]]
192 +* The normal screen will be displayed when viewing a project or template.
193 +* Sub-screen is embedded in the pop-up box of the normal screen, and the function switch and other objects are used to click the popup display.
196 196  
197 -(% style="text-align:center" %)
198 -[[image:1617949663298-790.png||height="413" width="800" class="img-thumbnail"]]
195 +In the project browsing page, the default display is the top common screen in the screen list, i.e., the main screen in the figure above, and the other screens will be switched through screen jumping or linking, etc.
199 199  
200 -**Creating thumbnail**
197 +**Create screens**
201 201  
202 -1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
199 +Click [[image:image-20220715114850-12.jpeg||height="30" width="48"]] to create a new screen. Set the porperties in the pop-up box, select the screen type (normal screen and sub-screen) and save.
203 203  
204 -(% style="text-align:center" %)
205 -[[image:1617949820581-164.png||height="386" width="500" class="img-thumbnail"]]
201 +[[image:image-20220715114601-11.jpeg]]
206 206  
203 +(% class="box infomessage" %)
204 +(((
205 +**✎Note:** When a thumbnail page is not created, the default picture would be displayed on "Centralized Monitoring".
206 +)))
207 207  
208 -2)Select [Page Type] as [Thumbnail] on screen attribute window;
209 -
210 -3)Set background display and color according to real situation;
211 -
212 -4)Click [Save] to complete operation;
213 -
214 -**Creating page screen**
215 -
216 -1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
217 -
218 -(% style="text-align:center" %)
219 -[[image:1617949844339-186.png||height="547" width="400" class="img-thumbnail"]]
220 -
221 -Figure 6 ‑15
222 -
223 -2)Fill in properties of screen;
224 -
225 -3)Click [Save] to complete;
226 -
227 -**✎Note:**
228 -
229 -When a thumbnail page is not created, the default picture would be displayed on [Centralized Monitoring].
230 -
231 231  **Modifying screen**
232 232  
233 233  1. Select the page to be modified;
234 -1. Click [[image:V-BOX cloud configuration user manual_html_a5f920d2d144472c.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager] or [[image:V-BOX cloud configuration user manual_html_56ae321f2d4418ac.png||height="24" width="147" class="img-thumbnail"]] on [Toolbar];
211 +1. Click [[image:V-BOX cloud configuration user manual_html_a5f920d2d144472c.png||height="30" width="30" class="img-thumbnail"]] on "Project Manager" or [[image:V-BOX cloud configuration user manual_html_56ae321f2d4418ac.png||height="24" width="147" class="img-thumbnail"]] on "Toolbar";
235 235  1. Modify screen on [Design Area];
236 -1. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||height="30" width="30" class="img-thumbnail"]] on [Toolbar] to complete modification;
237 -1.
213 +1. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||height="30" width="30" class="img-thumbnail"]] on "Toolbar" to complete modification;
238 238  
239 239  **Deleting screen**
240 240  
241 -1)Select screen on [Project Manager];
217 +1. Select screen on "Project Manager";
218 +1. Click[[image:V-BOX cloud configuration user manual_html_dca942a0244f9912.png||height="29" width="30"]] , and following message would pop up to prevent accidental deletion;
242 242  
243 -2)Click[[image:V-BOX cloud configuration user manual_html_dca942a0244f9912.png||height="29" width="30"]] , and following message would pop up to prevent accidental deletion;
244 -
245 245  (% style="text-align:center" %)
246 246  [[image:V-BOX cloud configuration user manual_html_1e7f9096426ebeca.png||height="161" width="300" class="img-thumbnail"]]
247 247  
248 -3)Click [OK] to delete page;
223 +(% start="3" %)
224 +1. Click "OK" to delete page.
249 249  
250 250  **Sort screen**
251 251  
252 -1. Select page screen on [Project Manager];
253 -1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="19" width="40"]] to sort screen upwards or downwards;
228 +1. Select page screen on "Project Manager";
229 +1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="25" width="53"]] to sort screen upwards or downwards.
254 254  
255 -**✎Note:**
231 +(% class="box infomessage" %)
232 +(((
233 +**✎Note:** Thumbnail does not support sorting.
234 +)))
256 256  
257 -Thumbnail does not support sorting.
236 +== Object ==
258 258  
259 -== 6.4 Object ==
238 +The Web SCADA platform provides a variety of visualizations for users to design screen. All objects listed on "Object Library“.
260 260  
261 -The WEB SCADA platform provides a variety of visualizations for users to design screen. All objects listed on [Object Library].
240 +The screen is made up of objects.All the objects are provided in the object bar, and control points will appear around all the objects selected in the canvas.
262 262  
263 -=== 6.4.1 Basic ===
242 +Only the special attributes of the objects are listed for explanation, and the basic attributes of the objects, such as position, style, lock, etc., are not listed.
264 264  
265 -**Adding objects on screen**
244 +=== Adding object ===
266 266  
267 -1. Select and click the desired object on [Objects Library];
268 -1. Move the cursor to the [Design Area];
246 +1. Select and click the object on ”Objects Library“;
247 +1. Move the cursor to the "Design Area";
269 269  1. When cursor changes as + symbol, hold down left click draw the desired size;
270 270  
271 -**Moving object**
250 +The initial object is bound to V-BOX by default, and its monitoring point information list also displays V-BOX by default. After device switching, the device type of the last binding will be remembered. When the monitoring point information of the object is opened next time, it will be displayed according to the current type, and operations such as copying the object will also give the newly copied object the same binding type as the original object.
272 272  
273 -1. Select object on [Design Area];
252 +**Current object: **If you click a object, it will be in the selected state, that is, the current part.** **Control points with red background and black edge will appear around the current obejct.
253 +
254 +**Selected object:** Click the blank space of the canvas, left-click the mouse to select an area, or hold down the Ctrl key and click the desired part. Objects with red or white dots around them are collectively referred to as selected parts.
255 +
256 +[[image:image-20220715141718-1.jpeg]]
257 +
258 +=== Moving object ===
259 +
260 +1. Select object on "Design Area";
274 274  1. Hold down the left click and move object to desired position.
275 275  
276 276  (% style="text-align:center" %)
277 277  [[image:V-BOX cloud configuration user manual_html_4a7ca599f8cf89c5.png||height="141" width="200" class="img-thumbnail"]]
278 278  
279 -**Scaling object**
266 +=== Scaling object ===
280 280  
281 -1)Select object, the positioning control point would appear around object;
268 +1. Select object, the positioning control point would appear around object;
269 +1. Click any control point;
270 +1. Move point to scale object.
282 282  
283 -2)Click any control point;
272 +=== Editing object ===
284 284  
285 -3)Move point to scale object;
274 +**Select device type**
286 286  
287 -**Editing object**
276 +Double-click the object to open property window, and click the button [[image:image-20220715144518-2.jpeg]] to select the device to be bound. One object can only bind one device type.
288 288  
289 -1)Select object;
278 +(% class="box infomessage" %)
279 +(((
280 +**✎Note:** If the SCADA project is selected as cross-box, then all the objects in the project can bind to V-BOX or ig series HMI.
281 +)))
290 290  
291 -2)Double-click it to open property window;
292 -
293 293  (% style="text-align:center" %)
294 294  [[image:V-BOX cloud configuration user manual_html_45a8e3cf3e1113fe.png||height="352" width="600" class="img-thumbnail"]]
295 295  
296 -3)Edit object settings;
286 +If you choose V-BOX, the HMI of the current account will be filtered out in the multi-level grouping of the device selection drop-down box, and only the V-BOX bound to the current account will be displayed.
297 297  
298 -4)Click [Save] to complete operation;
288 +If you choose to bind an ig HMI, only the HMI bound by the current account will be displayed.
299 299  
300 -=== 6.4.2 Introduction ===
290 +**Object state modification**
301 301  
302 -**1)Basic**
292 +Double-click the object to open property window, modify the parameters, and save.
303 303  
294 +[[image:image-20220715150846-2.jpeg]]
295 +
296 +**Object device modifcation**
297 +
298 +* **Common object:** you have bound the monitoring point information belonging to the V-BOX at the monitoring monitoring point of the object. If you modify the monitoring point, there will be a reminder to confirm the switching device binding type. (If "Clear Original Configuration" is selected, then all the monitoring point information of the box bound to the object will be cleared, and switch the binding type of the object from V-BOX to HMI.
299 +* **Time object: **Because HMI can't report the time, the monitoring equipment function of the time object can't be compatible with HMI. Therefore, when selecting the monitoring point of the monitoring device, there is only the option of V-BOX, and its multi-level grouping will only display the information of V-BOX. The display and hide function of this object can still bind HMI, but if the display and hide monitoring points are bound, the monitoring point binding to the monitoring device will be cleared.
300 +* **Alarm record object:** Because the operation of binding monitoring point is different from other objects, no matter what the binding type before the object is, when switching between V-BOX and HMI, a switching reminder will be given. At the same time, when switching the binding device type at "display/conditional hide", the monitoring point information of the object binding will also be cleared, and the device type display will be switched.
301 +* **Report object: **When you switch the device type of report binding at the monitoring point binding of the report, a switching reminder will be given.  At the same time, if you switch the binding device type at "display/conditional hide", the monitoring point information of the component binding will also be cleared, and the device type display here will be switched.
302 +* **Map object:** You open the map and all the devices are selected by default. You could set according to your needs. At the same time, if you switch the binding device type in "display/conditional hide", the configuration will be cleared, and all devices will be displayed on the map by default.
303 +
304 +=== Object shape ===
305 +
304 304  (% style="text-align:center" %)
305 305  [[image:1617949894556-149.png||height="402" width="250" class="img-thumbnail"]]
306 306  
307 -Figure 6 ‑10
309 +**Line: **A line segment with a starting position and an ending position, which can be hidden by setting styles and conditions.
308 308  
309 -* **Line: **a common line, user could set color, line type and thickness for it;
311 +**Rectangle: **Used to display rectangular objects, and you can set its position, size, style, conditional hide, etc.
310 310  
311 -* **Rectangles: **User could set transparency, Rounded Conner, color of filled and border, line type and thickness for it;
313 +**Circle:** Used to display circular objects, and you can set its position, size, style, conditional hide, etc.
312 312  
313 -* **Circle:** User could set transparency, color of filled and border, line type and thickness for it.
315 +**Ellipse: **Used to display oval objects, and you can set its position, size, style, conditional hide, etc.
314 314  
315 -* **Ellipse: **User could set transparency, color of filled and border, line type and thickness for it.
317 +**Triangle: **Used to display triangle objects, and you can set its position, size, style, conditional hide, etc.
316 316  
317 -* **Triangle: **User could set transparency, color of filled and border, line type and thickness for it.
319 +**Text: **Used to display text content parts, and you can set text style and background style, and support multi-language input.
318 318  
319 -* **Text: **It is used for displaying text content. User could set text styles, background styles, also it supports three languages at the same time.
321 +(% class="table-bordered" %)
322 +|=(% scope="row" %)**Property**|=**Description**
323 +|=Multilingual|3 languages input and setting are supported, and each language can set the style and display mode of text separately. You need to select the language before setting the text content. The content of the text will be displayed according to the language selected when browsing the interface.
324 +|=Rounded corner|Sets the rounded corners of appearance rectangle of the text object .
325 +|=Fill color|Sets the fill color of the text object appearance rectangle.
326 +|=Border color|Sets the color of the border of the text part.
327 +|=Line type|
328 +|=(((
329 +Thickness
330 +)))|
331 +|=Conditional hide|
320 320  
321 -* **Picture: **It is used for displaying the picture, support the user defined picture.
333 +**Picture: **It is used for displaying the picture, support the user defined picture.
322 322  
323 323  (% class="table-bordered" %)
324 324  |=(% scope="row" %)**Property**|=**Description**
image-20220715105925-1.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.3 KB
Content
image-20220715105933-2.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.1 KB
Content
image-20220715105937-3.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.1 KB
Content
image-20220715110054-4.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +14.7 KB
Content
image-20220715112158-5.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +75.0 KB
Content
image-20220715112339-6.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +65.5 KB
Content
image-20220715112425-7.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +70.4 KB
Content
image-20220715113434-8.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +4.6 KB
Content
image-20220715113713-9.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +5.6 KB
Content
image-20220715114430-10.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +25.0 KB
Content
image-20220715114601-11.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +25.6 KB
Content
image-20220715114850-12.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +826 bytes
Content
image-20220715114936-13.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +921 bytes
Content
image-20220715115040-14.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +930 bytes
Content
image-20220715115245-16.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +924 bytes
Content
image-20220715115337-17.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +940 bytes
Content
image-20220715141718-1.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +10.9 KB
Content
image-20220715144518-2.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.4 KB
Content