metaElements and direction

This commit is contained in:
Robin Grenzdörfer 2023-06-11 09:03:42 +00:00
parent 268a858fc0
commit 136efb01a1
2 changed files with 33 additions and 1 deletions

View File

@ -4,6 +4,21 @@ meta:
label:
de: Info
en: Info
direction: horizontal # vertical oder horizontal
metaElements: # macht bestimmte Widgets im Zahnrad verfügbar und entfernt sie aus dem drop down
# alternaitv wäre auch diese Angabenform möglich:
#- author
#- source: author
tablist: # macht im Modal eine tabliste
tabs:
- name: authorInfos
label: Autorkram
subFields:
- source: author
- name: publishingInfos
label: Veröffentlichungskram
subFields:
- source: published
subFields:
- name: author
type: string
@ -11,6 +26,10 @@ subFields:
label:
de: Autor
en: Author
- name: published
type: date
meta:
label: Veröffentlicht
- name: tags
type: object[]
meta:

View File

@ -45,7 +45,6 @@ Sollte der `eval` Code im _tibi-admin_ nicht lauffähig sein (nicht abgefangene
#### siehe
- [Server Javascript Kontext](./../../server-javascript-kontext/allgemeines.md)
TODO: Validator
## dependsOn
@ -143,6 +142,20 @@ Wenn man das Input element direkt bearbeiten möchte (Bspw. readonly oder ähnli
inputProps: { readonly: true, placeholder: { de: "Wert wird automatisch gesetzt", en: "Value is set automatically" } }
```
## direction
Für type Object[] gibt es im Meta objekt das direction attribut, dies kann entweder:
- `horizontal`: flex-direction: row
oder
- `vertical`: flex-direction: column
annehmen.
## metaElements
Möchte man bestimmte Elemente über das Zahnrad greifbar machen (bei type: Object[]), so kann man dies über dieses Attribut tun. Es ist entweder über eine Liste, oder über tablist möglich.
!!!include(../api/collections/fields/info.yml)!!!
## folding
Das folding Objekt ist ebenfalls ein Teil im Meta object und dient dazu, type ObjectArray einen Wert in den Header im HTML einzuschreiben (von den einzelnen Objekten). Es wird vorallem dazu genutzt, die Rows bzw. Columns der Website rein zu rendern, um praktisch ein direktes Prview zu haben. die Generelle struktur verdeutlicht folgendes Code Beispiel: