1.. _style_properties: 2 3================ 4Style Properties 5================ 6 7Size and position 8----------------- 9 10Properties related to size, position, alignment and layout of Widgets. 11 12width 13~~~~~ 14 15Sets width of Widget. Pixel, percentage and `LV_SIZE_CONTENT` values can be used. Percentage values are relative to the width of the parent's content area. 16 17.. raw:: html 18 19 <ul> 20 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> Widget dependent</li> 21 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 22 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 23 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 24 </ul> 25 26min_width 27~~~~~~~~~ 28 29Sets a minimal width. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area. 30 31.. raw:: html 32 33 <ul> 34 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 35 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 36 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 37 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 38 </ul> 39 40max_width 41~~~~~~~~~ 42 43Sets a maximal width. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area. 44 45.. raw:: html 46 47 <ul> 48 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> LV_COORD_MAX</li> 49 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 50 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 51 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 52 </ul> 53 54height 55~~~~~~ 56 57Sets height of Widget. Pixel, percentage and `LV_SIZE_CONTENT` can be used. Percentage values are relative to the height of the parent's content area. 58 59.. raw:: html 60 61 <ul> 62 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> Widget dependent</li> 63 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 64 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 65 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 66 </ul> 67 68min_height 69~~~~~~~~~~ 70 71Sets a minimal height. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area. 72 73.. raw:: html 74 75 <ul> 76 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 77 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 78 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 79 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 80 </ul> 81 82max_height 83~~~~~~~~~~ 84 85Sets a maximal height. Pixel and percentage values can be used. Percentage values are relative to the height of the parent's content area. 86 87.. raw:: html 88 89 <ul> 90 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> LV_COORD_MAX</li> 91 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 92 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 93 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 94 </ul> 95 96length 97~~~~~~ 98 99Its meaning depends on the type of Widget. For example in case of lv_scale it means the length of the ticks. 100 101.. raw:: html 102 103 <ul> 104 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 105 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 106 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 107 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 108 </ul> 109 110x 111~ 112 113Set X coordinate of Widget considering the ``align`` setting. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area. 114 115.. raw:: html 116 117 <ul> 118 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 119 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 120 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 121 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 122 </ul> 123 124y 125~ 126 127Set Y coordinate of Widget considering the ``align`` setting. Pixel and percentage values can be used. Percentage values are relative to the height of the parent's content area. 128 129.. raw:: html 130 131 <ul> 132 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 133 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 134 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 135 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 136 </ul> 137 138align 139~~~~~ 140 141Set the alignment which tells from which point of the parent the X and Y coordinates should be interpreted. Possible values are: `LV_ALIGN_DEFAULT`, `LV_ALIGN_TOP_LEFT/MID/RIGHT`, `LV_ALIGN_BOTTOM_LEFT/MID/RIGHT`, `LV_ALIGN_LEFT/RIGHT_MID`, `LV_ALIGN_CENTER`. `LV_ALIGN_DEFAULT` means `LV_ALIGN_TOP_LEFT` with LTR base direction and `LV_ALIGN_TOP_RIGHT` with RTL base direction. 142 143.. raw:: html 144 145 <ul> 146 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_ALIGN_DEFAULT`</li> 147 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 148 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 149 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 150 </ul> 151 152transform_width 153~~~~~~~~~~~~~~~ 154 155Make Widget wider on both sides with this value. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to Widget's width. 156 157.. raw:: html 158 159 <ul> 160 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 161 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 162 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 163 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 164 </ul> 165 166transform_height 167~~~~~~~~~~~~~~~~ 168 169Make Widget higher on both sides with this value. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to Widget's height. 170 171.. raw:: html 172 173 <ul> 174 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 175 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 176 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 177 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 178 </ul> 179 180translate_x 181~~~~~~~~~~~ 182 183Move Widget with this value in X direction. Applied after layouts, aligns and other positioning. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to Widget's width. 184 185.. raw:: html 186 187 <ul> 188 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 189 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 190 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 191 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 192 </ul> 193 194translate_y 195~~~~~~~~~~~ 196 197Move Widget with this value in Y direction. Applied after layouts, aligns and other positioning. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to Widget's height. 198 199.. raw:: html 200 201 <ul> 202 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 203 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 204 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 205 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 206 </ul> 207 208translate_radial 209~~~~~~~~~~~~~~~~ 210 211Move object around the centre of the parent object (e.g. around the circumference of a scale) 212 213.. raw:: html 214 215 <ul> 216 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 217 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 218 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 219 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 220 </ul> 221 222transform_scale_x 223~~~~~~~~~~~~~~~~~ 224 225Zoom Widget horizontally. The value 256 (or `LV_SCALE_NONE`) means normal size, 128 half size, 512 double size, and so on 226 227.. raw:: html 228 229 <ul> 230 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 231 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 232 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 233 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 234 </ul> 235 236transform_scale_y 237~~~~~~~~~~~~~~~~~ 238 239Zoom Widget vertically. The value 256 (or `LV_SCALE_NONE`) means normal size, 128 half size, 512 double size, and so on 240 241.. raw:: html 242 243 <ul> 244 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 245 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 246 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 247 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 248 </ul> 249 250transform_rotation 251~~~~~~~~~~~~~~~~~~ 252 253Rotate Widget. The value is interpreted in 0.1 degree units. E.g. 450 means 45 deg. 254 255.. raw:: html 256 257 <ul> 258 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 259 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 260 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 261 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 262 </ul> 263 264transform_pivot_x 265~~~~~~~~~~~~~~~~~ 266 267Set pivot point's X coordinate for transformations. Relative to Widget's top left corner' 268 269.. raw:: html 270 271 <ul> 272 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 273 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 274 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 275 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 276 </ul> 277 278transform_pivot_y 279~~~~~~~~~~~~~~~~~ 280 281Set pivot point's Y coordinate for transformations. Relative to Widget's top left corner' 282 283.. raw:: html 284 285 <ul> 286 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 287 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 288 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 289 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 290 </ul> 291 292transform_skew_x 293~~~~~~~~~~~~~~~~ 294 295Skew Widget horizontally. The value is interpreted in 0.1 degree units. E.g. 450 means 45 deg. 296 297.. raw:: html 298 299 <ul> 300 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 301 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 302 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 303 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 304 </ul> 305 306transform_skew_y 307~~~~~~~~~~~~~~~~ 308 309Skew Widget vertically. The value is interpreted in 0.1 degree units. E.g. 450 means 45 deg. 310 311.. raw:: html 312 313 <ul> 314 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 315 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 316 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 317 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 318 </ul> 319 320Padding 321------- 322 323Properties to describe spacing between the parent's sides and the children and among the children. Very similar to the padding properties in HTML. 324 325pad_top 326~~~~~~~ 327 328Sets the padding on the top. It makes the content area smaller in this direction. 329 330.. raw:: html 331 332 <ul> 333 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 334 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 335 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 336 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 337 </ul> 338 339pad_bottom 340~~~~~~~~~~ 341 342Sets the padding on the bottom. It makes the content area smaller in this direction. 343 344.. raw:: html 345 346 <ul> 347 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 348 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 349 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 350 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 351 </ul> 352 353pad_left 354~~~~~~~~ 355 356Sets the padding on the left. It makes the content area smaller in this direction. 357 358.. raw:: html 359 360 <ul> 361 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 362 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 363 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 364 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 365 </ul> 366 367pad_right 368~~~~~~~~~ 369 370Sets the padding on the right. It makes the content area smaller in this direction. 371 372.. raw:: html 373 374 <ul> 375 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 376 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 377 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 378 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 379 </ul> 380 381pad_row 382~~~~~~~ 383 384Sets the padding between the rows. Used by the layouts. 385 386.. raw:: html 387 388 <ul> 389 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 390 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 391 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 392 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 393 </ul> 394 395pad_column 396~~~~~~~~~~ 397 398Sets the padding between the columns. Used by the layouts. 399 400.. raw:: html 401 402 <ul> 403 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 404 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 405 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 406 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 407 </ul> 408 409pad_radial 410~~~~~~~~~~ 411 412Pad text labels away from the scale ticks/remainder of the ``LV_PART_`` 413 414.. raw:: html 415 416 <ul> 417 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 418 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 419 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 420 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 421 </ul> 422 423Margin 424------ 425 426Properties to describe spacing around a Widget. Very similar to the margin properties in HTML. 427 428margin_top 429~~~~~~~~~~ 430 431Sets margin on the top. Widget will keep this space from its siblings in layouts. 432 433.. raw:: html 434 435 <ul> 436 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 437 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 438 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 439 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 440 </ul> 441 442margin_bottom 443~~~~~~~~~~~~~ 444 445Sets margin on the bottom. Widget will keep this space from its siblings in layouts. 446 447.. raw:: html 448 449 <ul> 450 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 451 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 452 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 453 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 454 </ul> 455 456margin_left 457~~~~~~~~~~~ 458 459Sets margin on the left. Widget will keep this space from its siblings in layouts. 460 461.. raw:: html 462 463 <ul> 464 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 465 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 466 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 467 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 468 </ul> 469 470margin_right 471~~~~~~~~~~~~ 472 473Sets margin on the right. Widget will keep this space from its siblings in layouts. 474 475.. raw:: html 476 477 <ul> 478 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 479 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 480 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 481 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 482 </ul> 483 484Background 485---------- 486 487Properties to describe the background color and image of Widget. 488 489bg_color 490~~~~~~~~ 491 492Set background color of Widget. 493 494.. raw:: html 495 496 <ul> 497 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0xffffff`</li> 498 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 499 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 500 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 501 </ul> 502 503bg_opa 504~~~~~~ 505 506Set opacity of the background. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 507 508.. raw:: html 509 510 <ul> 511 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_TRANSP`</li> 512 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 513 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 514 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 515 </ul> 516 517bg_grad_color 518~~~~~~~~~~~~~ 519 520Set gradient color of the background. Used only if `grad_dir` is not `LV_GRAD_DIR_NONE` 521 522.. raw:: html 523 524 <ul> 525 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 526 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 527 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 528 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 529 </ul> 530 531bg_grad_dir 532~~~~~~~~~~~ 533 534Set direction of the gradient of the background. Possible values are `LV_GRAD_DIR_NONE/HOR/VER`. 535 536.. raw:: html 537 538 <ul> 539 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_GRAD_DIR_NONE`</li> 540 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 541 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 542 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 543 </ul> 544 545bg_main_stop 546~~~~~~~~~~~~ 547 548Set point from which background color should start for gradients. 0 means to top/left side, 255 the bottom/right side, 128 the center, and so on 549 550.. raw:: html 551 552 <ul> 553 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 554 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 555 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 556 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 557 </ul> 558 559bg_grad_stop 560~~~~~~~~~~~~ 561 562Set point from which background's gradient color should start. 0 means to top/left side, 255 the bottom/right side, 128 the center, and so on 563 564.. raw:: html 565 566 <ul> 567 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 255</li> 568 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 569 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 570 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 571 </ul> 572 573bg_main_opa 574~~~~~~~~~~~ 575 576Set opacity of the first gradient color 577 578.. raw:: html 579 580 <ul> 581 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 255</li> 582 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 583 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 584 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 585 </ul> 586 587bg_grad_opa 588~~~~~~~~~~~ 589 590Set opacity of the second gradient color 591 592.. raw:: html 593 594 <ul> 595 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 255</li> 596 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 597 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 598 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 599 </ul> 600 601bg_grad 602~~~~~~~ 603 604Set gradient definition. The pointed instance must exist while Widget is alive. NULL to disable. It wraps `BG_GRAD_COLOR`, `BG_GRAD_DIR`, `BG_MAIN_STOP` and `BG_GRAD_STOP` into one descriptor and allows creating gradients with more colors as well. If it's set other gradient related properties will be ignored' 605 606.. raw:: html 607 608 <ul> 609 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li> 610 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 611 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 612 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 613 </ul> 614 615bg_image_src 616~~~~~~~~~~~~ 617 618Set a background image. Can be a pointer to `lv_image_dsc_t`, a path to a file or an `LV_SYMBOL_...` 619 620.. raw:: html 621 622 <ul> 623 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li> 624 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 625 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 626 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 627 </ul> 628 629bg_image_opa 630~~~~~~~~~~~~ 631 632Set opacity of the background image. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 633 634.. raw:: html 635 636 <ul> 637 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 638 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 639 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 640 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 641 </ul> 642 643bg_image_recolor 644~~~~~~~~~~~~~~~~ 645 646Set a color to mix to the background image. 647 648.. raw:: html 649 650 <ul> 651 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 652 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 653 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 654 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 655 </ul> 656 657bg_image_recolor_opa 658~~~~~~~~~~~~~~~~~~~~ 659 660Set intensity of background image recoloring. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means no mixing, 255, `LV_OPA_100` or `LV_OPA_COVER` means full recoloring, other values or LV_OPA_10, LV_OPA_20, etc are interpreted proportionally. 661 662.. raw:: html 663 664 <ul> 665 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_TRANSP`</li> 666 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 667 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 668 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 669 </ul> 670 671bg_image_tiled 672~~~~~~~~~~~~~~ 673 674If enabled the background image will be tiled. Possible values are `true` or `false`. 675 676.. raw:: html 677 678 <ul> 679 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 680 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 681 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 682 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 683 </ul> 684 685Border 686------ 687 688Properties to describe the borders 689 690border_color 691~~~~~~~~~~~~ 692 693Set color of the border 694 695.. raw:: html 696 697 <ul> 698 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 699 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 700 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 701 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 702 </ul> 703 704border_opa 705~~~~~~~~~~ 706 707Set opacity of the border. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 708 709.. raw:: html 710 711 <ul> 712 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 713 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 714 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 715 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 716 </ul> 717 718border_width 719~~~~~~~~~~~~ 720 721Set width of the border. Only pixel values can be used. 722 723.. raw:: html 724 725 <ul> 726 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 727 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 728 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 729 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 730 </ul> 731 732border_side 733~~~~~~~~~~~ 734 735Set only which side(s) the border should be drawn. Possible values are `LV_BORDER_SIDE_NONE/TOP/BOTTOM/LEFT/RIGHT/INTERNAL`. OR-ed values can be used as well, e.g. `LV_BORDER_SIDE_TOP | LV_BORDER_SIDE_LEFT`. 736 737.. raw:: html 738 739 <ul> 740 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_BORDER_SIDE_NONE`</li> 741 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 742 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 743 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 744 </ul> 745 746border_post 747~~~~~~~~~~~ 748 749Sets whether the border should be drawn before or after the children are drawn. `true`: after children, `false`: before children 750 751.. raw:: html 752 753 <ul> 754 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 755 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 756 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 757 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 758 </ul> 759 760Outline 761------- 762 763Properties to describe the outline. It's like a border but drawn outside of the rectangles. 764 765outline_width 766~~~~~~~~~~~~~ 767 768Set width of outline in pixels. 769 770.. raw:: html 771 772 <ul> 773 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 774 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 775 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 776 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 777 </ul> 778 779outline_color 780~~~~~~~~~~~~~ 781 782Set color of outline. 783 784.. raw:: html 785 786 <ul> 787 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 788 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 789 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 790 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 791 </ul> 792 793outline_opa 794~~~~~~~~~~~ 795 796Set opacity of outline. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 797 798.. raw:: html 799 800 <ul> 801 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 802 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 803 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 804 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 805 </ul> 806 807outline_pad 808~~~~~~~~~~~ 809 810Set padding of outline, i.e. the gap between Widget and the outline. 811 812.. raw:: html 813 814 <ul> 815 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 816 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 817 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 818 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 819 </ul> 820 821Shadow 822------ 823 824Properties to describe the shadow drawn under the rectangles. 825 826shadow_width 827~~~~~~~~~~~~ 828 829Set width of the shadow in pixels. The value should be >= 0. 830 831.. raw:: html 832 833 <ul> 834 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 835 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 836 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 837 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 838 </ul> 839 840shadow_offset_x 841~~~~~~~~~~~~~~~ 842 843Set an offset on the shadow in pixels in X direction. 844 845.. raw:: html 846 847 <ul> 848 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 849 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 850 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 851 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 852 </ul> 853 854shadow_offset_y 855~~~~~~~~~~~~~~~ 856 857Set an offset on the shadow in pixels in Y direction. 858 859.. raw:: html 860 861 <ul> 862 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 863 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 864 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 865 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 866 </ul> 867 868shadow_spread 869~~~~~~~~~~~~~ 870 871Make shadow calculation to use a larger or smaller rectangle as base. The value can be in pixels to make the area larger/smaller 872 873.. raw:: html 874 875 <ul> 876 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 877 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 878 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 879 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 880 </ul> 881 882shadow_color 883~~~~~~~~~~~~ 884 885Set color of shadow 886 887.. raw:: html 888 889 <ul> 890 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 891 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 892 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 893 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 894 </ul> 895 896shadow_opa 897~~~~~~~~~~ 898 899Set opacity of shadow. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 900 901.. raw:: html 902 903 <ul> 904 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 905 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 906 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 907 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 908 </ul> 909 910Image 911----- 912 913Properties to describe the images 914 915image_opa 916~~~~~~~~~ 917 918Set opacity of an image. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 919 920.. raw:: html 921 922 <ul> 923 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 924 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 925 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 926 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 927 </ul> 928 929image_recolor 930~~~~~~~~~~~~~ 931 932Set color to mix with the image. 933 934.. raw:: html 935 936 <ul> 937 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 938 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 939 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 940 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 941 </ul> 942 943image_recolor_opa 944~~~~~~~~~~~~~~~~~ 945 946Set intensity of color mixing. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 947 948.. raw:: html 949 950 <ul> 951 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 952 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 953 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 954 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 955 </ul> 956 957Line 958---- 959 960Properties to describe line-like Widgets 961 962line_width 963~~~~~~~~~~ 964 965Set width of lines in pixels. 966 967.. raw:: html 968 969 <ul> 970 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 971 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 972 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 973 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 974 </ul> 975 976line_dash_width 977~~~~~~~~~~~~~~~ 978 979Set width of dashes in pixels. Note that dash works only on horizontal and vertical lines 980 981.. raw:: html 982 983 <ul> 984 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 985 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 986 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 987 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 988 </ul> 989 990line_dash_gap 991~~~~~~~~~~~~~ 992 993Set gap between dashes in pixels. Note that dash works only on horizontal and vertical lines 994 995.. raw:: html 996 997 <ul> 998 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 999 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1000 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1001 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1002 </ul> 1003 1004line_rounded 1005~~~~~~~~~~~~ 1006 1007Make end points of the lines rounded. `true`: rounded, `false`: perpendicular line ending 1008 1009.. raw:: html 1010 1011 <ul> 1012 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 1013 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1014 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1015 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1016 </ul> 1017 1018line_color 1019~~~~~~~~~~ 1020 1021Set color of lines. 1022 1023.. raw:: html 1024 1025 <ul> 1026 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 1027 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1028 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1029 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1030 </ul> 1031 1032line_opa 1033~~~~~~~~ 1034 1035Set opacity of lines. 1036 1037.. raw:: html 1038 1039 <ul> 1040 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 1041 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1042 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1043 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1044 </ul> 1045 1046Arc 1047--- 1048 1049TODO 1050 1051arc_width 1052~~~~~~~~~ 1053 1054Set width (thickness) of arcs in pixels. 1055 1056.. raw:: html 1057 1058 <ul> 1059 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 1060 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1061 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1062 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 1063 </ul> 1064 1065arc_rounded 1066~~~~~~~~~~~ 1067 1068Make end points of arcs rounded. `true`: rounded, `false`: perpendicular line ending 1069 1070.. raw:: html 1071 1072 <ul> 1073 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 1074 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1075 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1076 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1077 </ul> 1078 1079arc_color 1080~~~~~~~~~ 1081 1082Set color of arc. 1083 1084.. raw:: html 1085 1086 <ul> 1087 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 1088 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1089 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1090 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1091 </ul> 1092 1093arc_opa 1094~~~~~~~ 1095 1096Set opacity of arcs. 1097 1098.. raw:: html 1099 1100 <ul> 1101 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 1102 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1103 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1104 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1105 </ul> 1106 1107arc_image_src 1108~~~~~~~~~~~~~ 1109 1110Set an image from which arc will be masked out. It's useful to display complex effects on the arcs. Can be a pointer to `lv_image_dsc_t` or a path to a file 1111 1112.. raw:: html 1113 1114 <ul> 1115 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li> 1116 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1117 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1118 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1119 </ul> 1120 1121Text 1122---- 1123 1124Properties to describe the properties of text. All these properties are inherited. 1125 1126text_color 1127~~~~~~~~~~ 1128 1129Sets color of text. 1130 1131.. raw:: html 1132 1133 <ul> 1134 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 1135 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 1136 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1137 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1138 </ul> 1139 1140text_opa 1141~~~~~~~~ 1142 1143Set opacity of text. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 1144 1145.. raw:: html 1146 1147 <ul> 1148 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 1149 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 1150 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1151 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1152 </ul> 1153 1154text_font 1155~~~~~~~~~ 1156 1157Set font of text (a pointer `lv_font_t *`). 1158 1159.. raw:: html 1160 1161 <ul> 1162 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_FONT_DEFAULT`</li> 1163 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 1164 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1165 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1166 </ul> 1167 1168text_letter_space 1169~~~~~~~~~~~~~~~~~ 1170 1171Set letter space in pixels 1172 1173.. raw:: html 1174 1175 <ul> 1176 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 1177 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 1178 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1179 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1180 </ul> 1181 1182text_line_space 1183~~~~~~~~~~~~~~~ 1184 1185Set line space in pixels. 1186 1187.. raw:: html 1188 1189 <ul> 1190 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 1191 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 1192 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1193 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1194 </ul> 1195 1196text_decor 1197~~~~~~~~~~ 1198 1199Set decoration for the text. Possible values are `LV_TEXT_DECOR_NONE/UNDERLINE/STRIKETHROUGH`. OR-ed values can be used as well. 1200 1201.. raw:: html 1202 1203 <ul> 1204 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_TEXT_DECOR_NONE`</li> 1205 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 1206 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1207 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1208 </ul> 1209 1210text_align 1211~~~~~~~~~~ 1212 1213Set how to align the lines of the text. Note that it doesn't align the Widget itself, only the lines inside the Widget. Possible values are `LV_TEXT_ALIGN_LEFT/CENTER/RIGHT/AUTO`. `LV_TEXT_ALIGN_AUTO` detect the text base direction and uses left or right alignment accordingly 1214 1215.. raw:: html 1216 1217 <ul> 1218 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_TEXT_ALIGN_AUTO`</li> 1219 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 1220 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1221 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1222 </ul> 1223 1224Miscellaneous 1225------------- 1226 1227Mixed properties for various purposes. 1228 1229radius 1230~~~~~~ 1231 1232Set radius on every corner. The value is interpreted in pixels (>= 0) or `LV_RADIUS_CIRCLE` for max. radius 1233 1234.. raw:: html 1235 1236 <ul> 1237 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 1238 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1239 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1240 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1241 </ul> 1242 1243radial_offset 1244~~~~~~~~~~~~~ 1245 1246Move start point of object (e.g. scale tick) radially 1247 1248.. raw:: html 1249 1250 <ul> 1251 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 1252 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1253 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1254 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1255 </ul> 1256 1257clip_corner 1258~~~~~~~~~~~ 1259 1260Enable to clip the overflowed content on the rounded corner. Can be `true` or `false`. 1261 1262.. raw:: html 1263 1264 <ul> 1265 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 1266 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1267 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1268 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1269 </ul> 1270 1271opa 1272~~~ 1273 1274Scale down all opacity values of the Widget by this factor. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 1275 1276.. raw:: html 1277 1278 <ul> 1279 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 1280 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 1281 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1282 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1283 </ul> 1284 1285opa_layered 1286~~~~~~~~~~~ 1287 1288First draw Widget on the layer, then scale down layer opacity factor. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 1289 1290.. raw:: html 1291 1292 <ul> 1293 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 1294 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 1295 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1296 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1297 </ul> 1298 1299color_filter_dsc 1300~~~~~~~~~~~~~~~~ 1301 1302Mix a color with all colors of the Widget. 1303 1304.. raw:: html 1305 1306 <ul> 1307 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li> 1308 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1309 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1310 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1311 </ul> 1312 1313color_filter_opa 1314~~~~~~~~~~~~~~~~ 1315 1316The intensity of mixing of color filter. 1317 1318.. raw:: html 1319 1320 <ul> 1321 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_TRANSP`</li> 1322 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1323 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1324 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1325 </ul> 1326 1327anim 1328~~~~ 1329 1330Animation template for Widget's animation. Should be a pointer to `lv_anim_t`. The animation parameters are widget specific, e.g. animation time could be the E.g. blink time of the cursor on the Text Area or scroll time of a roller. See Widgets' documentation to learn more. 1331 1332.. raw:: html 1333 1334 <ul> 1335 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li> 1336 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1337 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1338 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1339 </ul> 1340 1341anim_duration 1342~~~~~~~~~~~~~ 1343 1344Animation duration in milliseconds. Its meaning is widget specific. E.g. blink time of the cursor on the Text Area or scroll time of a roller. See Widgets' documentation to learn more. 1345 1346.. raw:: html 1347 1348 <ul> 1349 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 1350 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1351 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1352 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1353 </ul> 1354 1355transition 1356~~~~~~~~~~ 1357 1358An initialized ``lv_style_transition_dsc_t`` to describe a transition. 1359 1360.. raw:: html 1361 1362 <ul> 1363 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li> 1364 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1365 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1366 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1367 </ul> 1368 1369blend_mode 1370~~~~~~~~~~ 1371 1372Describes how to blend the colors to the background. Possible values are `LV_BLEND_MODE_NORMAL/ADDITIVE/SUBTRACTIVE/MULTIPLY` 1373 1374.. raw:: html 1375 1376 <ul> 1377 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_BLEND_MODE_NORMAL`</li> 1378 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1379 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1380 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1381 </ul> 1382 1383layout 1384~~~~~~ 1385 1386Set layout of Widget. Children will be repositioned and resized according to policies set for the layout. For possible values see documentation of the layouts. 1387 1388.. raw:: html 1389 1390 <ul> 1391 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 1392 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1393 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1394 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1395 </ul> 1396 1397base_dir 1398~~~~~~~~ 1399 1400Set base direction of Widget. Possible values are `LV_BIDI_DIR_LTR/RTL/AUTO`. 1401 1402.. raw:: html 1403 1404 <ul> 1405 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_BASE_DIR_AUTO`</li> 1406 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 1407 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1408 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1409 </ul> 1410 1411bitmap_mask_src 1412~~~~~~~~~~~~~~~ 1413 1414If set, a layer will be created for the widget and the layer will be masked with this A8 bitmap mask. 1415 1416.. raw:: html 1417 1418 <ul> 1419 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li> 1420 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1421 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1422 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1423 </ul> 1424 1425rotary_sensitivity 1426~~~~~~~~~~~~~~~~~~ 1427 1428Adjust sensitivity for rotary encoders in 1/256 unit. It means, 128: slow down the rotary to half, 512: speeds up to double, 256: no change 1429 1430.. raw:: html 1431 1432 <ul> 1433 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `256`</li> 1434 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 1435 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 1436 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1437 </ul> 1438 1439Flex 1440---- 1441 1442Flex layout properties. 1443 1444flex_flow 1445~~~~~~~~~ 1446 1447Defines in which direct the flex layout should arrange the children 1448 1449.. raw:: html 1450 1451 <ul> 1452 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_FLEX_FLOW_NONE`</li> 1453 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1454 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1455 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1456 </ul> 1457 1458flex_main_place 1459~~~~~~~~~~~~~~~ 1460 1461Defines how to align the children in the direction of flex flow 1462 1463.. raw:: html 1464 1465 <ul> 1466 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_FLEX_ALIGN_NONE`</li> 1467 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1468 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1469 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1470 </ul> 1471 1472flex_cross_place 1473~~~~~~~~~~~~~~~~ 1474 1475Defines how to align the children perpendicular to the direction of flex flow 1476 1477.. raw:: html 1478 1479 <ul> 1480 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_FLEX_ALIGN_NONE`</li> 1481 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1482 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1483 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1484 </ul> 1485 1486flex_track_place 1487~~~~~~~~~~~~~~~~ 1488 1489Defines how to align the tracks of the flow 1490 1491.. raw:: html 1492 1493 <ul> 1494 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_FLEX_ALIGN_NONE`</li> 1495 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1496 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1497 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1498 </ul> 1499 1500flex_grow 1501~~~~~~~~~ 1502 1503Defines how much space to take proportionally from the free space of the Widget's track 1504 1505.. raw:: html 1506 1507 <ul> 1508 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_FLEX_ALIGN_ROW`</li> 1509 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1510 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1511 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1512 </ul> 1513 1514Grid 1515---- 1516 1517Grid layout properties. 1518 1519grid_column_dsc_array 1520~~~~~~~~~~~~~~~~~~~~~ 1521 1522An array to describe the columns of the grid. Should be LV_GRID_TEMPLATE_LAST terminated 1523 1524.. raw:: html 1525 1526 <ul> 1527 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li> 1528 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1529 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1530 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1531 </ul> 1532 1533grid_column_align 1534~~~~~~~~~~~~~~~~~ 1535 1536Defines how to distribute the columns 1537 1538.. raw:: html 1539 1540 <ul> 1541 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_GRID_ALIGN_START`</li> 1542 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1543 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1544 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1545 </ul> 1546 1547grid_row_dsc_array 1548~~~~~~~~~~~~~~~~~~ 1549 1550An array to describe the rows of the grid. Should be LV_GRID_TEMPLATE_LAST terminated 1551 1552.. raw:: html 1553 1554 <ul> 1555 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li> 1556 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1557 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1558 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1559 </ul> 1560 1561grid_row_align 1562~~~~~~~~~~~~~~ 1563 1564Defines how to distribute the rows. 1565 1566.. raw:: html 1567 1568 <ul> 1569 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_GRID_ALIGN_START`</li> 1570 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1571 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1572 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1573 </ul> 1574 1575grid_cell_column_pos 1576~~~~~~~~~~~~~~~~~~~~ 1577 1578Set column in which Widget should be placed. 1579 1580.. raw:: html 1581 1582 <ul> 1583 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_GRID_ALIGN_START`</li> 1584 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1585 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1586 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1587 </ul> 1588 1589grid_cell_x_align 1590~~~~~~~~~~~~~~~~~ 1591 1592Set how to align Widget horizontally. 1593 1594.. raw:: html 1595 1596 <ul> 1597 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_GRID_ALIGN_START`</li> 1598 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1599 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1600 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1601 </ul> 1602 1603grid_cell_column_span 1604~~~~~~~~~~~~~~~~~~~~~ 1605 1606Set how many columns Widget should span. Needs to be >= 1. 1607 1608.. raw:: html 1609 1610 <ul> 1611 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_GRID_ALIGN_START`</li> 1612 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1613 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1614 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1615 </ul> 1616 1617grid_cell_row_pos 1618~~~~~~~~~~~~~~~~~ 1619 1620Set row in which Widget should be placed. 1621 1622.. raw:: html 1623 1624 <ul> 1625 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_GRID_ALIGN_START`</li> 1626 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1627 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1628 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1629 </ul> 1630 1631grid_cell_y_align 1632~~~~~~~~~~~~~~~~~ 1633 1634Set how to align Widget vertically. 1635 1636.. raw:: html 1637 1638 <ul> 1639 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_GRID_ALIGN_START`</li> 1640 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1641 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1642 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1643 </ul> 1644 1645grid_cell_row_span 1646~~~~~~~~~~~~~~~~~~ 1647 1648Set how many rows Widget should span. Needs to be >= 1. 1649 1650.. raw:: html 1651 1652 <ul> 1653 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_GRID_ALIGN_START`</li> 1654 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 1655 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 1656 <li style='display:inline-block; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 1657 </ul> 1658
