Insert elements

Since 2019/10

You can now insert certain HTML-elements before or after any field or above or below a field’s row.

Examples

new AppGiniField("birth_date")
  .insertAbove()
    .h1("Heading 1", "page-header");

new AppGiniField("birth_date")
.insertAbove()
.h1("Heading 1", "page-header")
.h2("Heading 2");

Placement / Position

Elements

Headings

new AppGiniField("birth_date")
  .insertAbove()
    .h1(".h1 Heading 1", "page-header")
    .h2(".h2 Heading 2")
    .h3(".h3 Heading 3")
    .h4(".h4 Heading 4")
    .h5(".h5 Heading 5");

Paragraphs

new AppGiniField("birth_date")
.insertAbove()
.p(".p Paragraph with class \"Lead\" Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et", "lead")
.p(".p Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.");

Alerts

new AppGiniField("birth_date")
.insertAbove()
.alert(".alert(\"Text\", Variation.info)", Variation.info)
.alert(".alert(\"Text\", Variation.success)", Variation.success)
.alert(".alert(\"Text\", Variation.warning)", Variation.warning)
.alert(".alert(\"Text\", Variation.danger)", Variation.danger);
Social media & sharing icons powered by UltimatelySocial