Mini Widgets
Pagination
1.0.0
Pagination

Mit der Pagination bringst du Struktur in lange Listen. Unterteile sie in mehrere Seiten, sodass der Inhalt einfacher zu konsumieren ist.
Simple
let current := this;
let list := select Angebote;
arcCustomPagination({
uniqueId: Nr,
editable: true,
recordId: Nr,
fieldId: "S1",
direction: "horizontal",
title: current.'Aktuelle Seite',
value: current.'Aktuelle Seite',
total: ceil(list / 30),
totalPrefix: " von "
})
Complex
arcCustomPagination({
uniqueId: Nr,
editable: true,
recordId: Nr,
fieldId: "E2",
direction: "horizontal",
title: current.'Aktuelle Seite',
value: current.'Aktuelle Seite',
total: ceil(cnt(list) / maxEntries),
totalPrefix: " von ",
buttonMinus: arcCustomButton({
uniqueId: "ButtonMinus" + Nr,
icon: arcCustomIcon({
name: "caret-left",
color: "#555",
size: 20
}),
fontSize: "18px",
fontColor: "",
iconColor: "",
backgroundColor: "transparent",
borderColor: "transparent"
}),
buttonPlus: arcCustomButton({
uniqueId: "ButtonPlus" + Nr,
icon: arcCustomIcon({
name: "caret-right",
color: "#555",
size: 20
}),
fontSize: "18px",
fontColor: "",
iconColor: "",
backgroundColor: "transparent",
borderColor: "transparent"
}),
buttonFirst: arcCustomButton({
uniqueId: "ButtonFirst" + Nr,
icon: arcCustomIcon({
name: "caret-double-left",
color: "#555",
size: 20
}),
fontSize: "18px",
fontColor: "",
iconColor: "",
backgroundColor: "transparent",
borderColor: "transparent"
}),
buttonLast: arcCustomButton({
uniqueId: "ButtonLast" + Nr,
icon: arcCustomIcon({
name: "caret-double-right",
color: "#555",
size: 20
}),
fontSize: "18px",
fontColor: "",
iconColor: "",
backgroundColor: "transparent",
borderColor: "transparent"
})
})