K8 Web Kit

Login / Logout

check it out with username: demo, password: demo

Creating your Web App

This is the K8 Web Kit prototype with bootstrap 5:

  • create your table
  • generate the datadefinition
  • use an additional template, if necessary
  • choose your element:
    • master data, list (tabulator) or form
    • catalog, detail page or line edit
  • place it on the page
  • write your menu
  • design the page

Multilingual

Texts and labels are provided in English and German. The data in these examples is only available in the entered language!

Download

Please download: K8 Web Kit with Bootstrap 5
(tested with PHP 7.4)

Documentation

Please check out the documentation for K8 Webkit with Bootstrap 3.

Tabulator, the datatable

For more details about Tabulator, please have a look to:

Bootstrap, the famous css

Build fast, responsive sites with Bootstrap

Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins .

Bootstrap documentation:

Dropzone

Open source file upload

DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.

It’s lightweight, doesn’t depend on any other library (like jQuery) and is highly customizable.

Dropzone website

Please, have a look to

Drop your files here

TCPDF

Open source PDF creation

TCPDF is a free Open Source PHP class for generating PDF documents.

Please have a look to:

  • tcpdf with Json definiton: JsonPDF
  • Invoice example with PDF: Invoice

TCPDF website

More informations are available at:

TinyMCE

HTML Editor

TinyMCE is a free Open Source HTML Editor. According to the producer its the world's most advanced rich text editor.

The WYSIWYG editor that is flexible, customizable, and designed with the user in mind. TinyMCE can handle any challenge, from the most simple implementation through to the most complex use case.

Please have a look to:


TinyMCE website

More informations are available at:

Chart.js

Chart definition

Chart.js offers an easy definition with rich feature and many different charts. This is an example for a line chart:

Chart.js website

More informations are available at: