@5minds/node-red-dashboard-2-processcube-dynamic-form 2.0.3 → 2.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -39,6 +39,9 @@
|
|
|
39
39
|
card_size_styling: {
|
|
40
40
|
value: "",
|
|
41
41
|
},
|
|
42
|
+
inner_card_styling: {
|
|
43
|
+
value: "",
|
|
44
|
+
},
|
|
42
45
|
title_text: {
|
|
43
46
|
value: "",
|
|
44
47
|
},
|
|
@@ -320,8 +323,12 @@
|
|
|
320
323
|
|
|
321
324
|
<h4>Appearance</h4>
|
|
322
325
|
<div class="form-row">
|
|
323
|
-
<label for="node-input-
|
|
324
|
-
<input type="text" id="node-input-card_size_styling" title="Use CSS properties like margin, padding or max-width to influence sizing and positioning of the component">
|
|
326
|
+
<label for="node-input-card_size_styling"><i class="fa fa-hand"></i>Card size styling</label>
|
|
327
|
+
<input type="text" id="node-input-card_size_styling" title="Use CSS properties like margin, padding or max-width to influence sizing and positioning of the component.">
|
|
328
|
+
</div>
|
|
329
|
+
<div class="form-row">
|
|
330
|
+
<label for="node-input-inner_card_styling"><i class="fa fa-hand"></i>Inner card size styling</label>
|
|
331
|
+
<input type="text" id="node-input-inner_card_styling" title="Use CSS properties like max-height to influence sizing and positioning of the components inner part, that contains only the form fields.">
|
|
325
332
|
</div>
|
|
326
333
|
<div class="form-row">
|
|
327
334
|
<label for="node-input-form_columns"><i class="fa fa-hand"></i>Columns in form</label>
|
|
@@ -433,6 +440,10 @@ An URL for an image, that should be displayed before the text. This will be used
|
|
|
433
440
|
|
|
434
441
|
Enter custom css rules to control the size and placement of the whole card. It can be used to set a `max-width` for the Card, apply a `margin` etc.
|
|
435
442
|
|
|
443
|
+
### Inner card size styling
|
|
444
|
+
|
|
445
|
+
Enter custom css rules to control the size of the inner part, that contains just the form fields. It can be used to override the `max-height` property.
|
|
446
|
+
|
|
436
447
|
### Columns in form
|
|
437
448
|
|
|
438
449
|
This value controls the amount of columns the card will have. It can be used to place multiple FormFields in one row.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@5minds/node-red-dashboard-2-processcube-dynamic-form",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.4",
|
|
4
4
|
"description": "The ui component for the ProcessCube dynamic-form",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"processcube",
|
|
@@ -54,8 +54,9 @@
|
|
|
54
54
|
"lint:package:fix": "sort-package-json 'package.json'"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@formkit/
|
|
58
|
-
"@formkit/
|
|
57
|
+
"@formkit/i18n": "^1.6.9",
|
|
58
|
+
"@formkit/themes": "^1.6.9",
|
|
59
|
+
"@formkit/vue": "^1.6.9",
|
|
59
60
|
"to-title-case": "^1.0.0",
|
|
60
61
|
"vue": "^3.3.8",
|
|
61
62
|
"vuex": "^4.1.0"
|