Elements online

Cloud service

Use our cloud service:

• 2 weeks free trial
• use a voucher for 3 month
• rent our cloud hosting

Register and login and create your own K8 Web Kit instance:

• cloud service

Self hosting

Download K8 Web Kit and install it on your own server:

• getting started

Call the elements online form to create a new data definition:
k8webkit.com/e/masterdata/k8datadefinitions

datadefID

The datadefID is the identification for your element in the "url".

name

The name is displayed as header in your elements.

table

The database table contains your columns.

head title column

This is the column which specifies your record.

head description column

This is the column whith the discription of the record.

catalog template

Please choose a template for the catalog.

detail template

Please choose a template for the detail page.

The table is created in the database. Please define your table structure here.

Name

The name of your column is also displayed as label in your elements.

Type

The data type defines the data you can store in the column: data-types.

Size

Some fields have a fixed size, others like varchar allows you to specify the size.

Extra

Here you can define the index column of your table.

Save

Please save your table here.

Create datadefID

The data definition and additional files are created out of your table structure.

All the files are saved into the folder "myproject/<datadefID>". If you address the files, please, use the path:

• {{root}}myproject/<datadefID>/<filename>

Here you have an easy editor to change the content of the files. A syntax check is not performed.

Json editor

Jsonlint is called. With Jsonlint you can do a formatting and validation of Json files. For other files choose another editor, if necessary.

New file

• Enter your filename with extension
• Type your content
• Save it.

If you create a JavaScript file, please, add it in the data definition:

"head_end":[ "<script src='{{root}}myproject/<datadefID>/<filename>'></script>", "<script src='{{root}}myproject/excars/excars.js'></script>", ],

On Android devices click please in the empty list to choose an element.

After selecting the element, following informations are displayed:

• Url: link to the element
• Documentation: link to the documentation
• if applicable, hint to the element

Open

Open is enabled, if your data definition allows to call the element, otherwise follow the hints.

Please define your groups:

• k8webkit.com/e/masterdata/k8groupdefinitions

Fill out the usergroups:

• k8webkit.com/p/usergroups

How to implement the groups:

• k8webkit.com/p/doc_coloredgroup

The menu is displayed directly beside the domain name: "K8 Web Kit". Here at the platform, it's visible for the logged in user only

• Please create it:
  • k8webkit.com/e/treeview/k8menuentries
• Documentation:
  • k8webkit.com/k8pages/doc_minicms

Please adapt the layout by editing the files:

_init.json

• Languages: en,de (will be extended soon)

k8webkitb5.css

• CSS

header.html

• Headline with Menu

footer.html

• Footer with links

By saving a ".js" or ".css" file a reload of the whole cache is forced.

Create "head.html"

With the head.html you can change and add resources, such as JavaScript and CSS.

File new

A new file can be created. Please note that ".css" and ".js" files must be linked in the "head.html".

_init.json (example for email configuration):

{ "domain_PHPMailer": { "from": "<email address>", "fromname": "Jane Doe", "host": "smtp.gmail.com", "SMTPAuth": true, "username": "<email address>", "password": "<password>", "port": 465 } }

Please exchange the example entries with the data of your email provider.

More information:

• doc_phpmail

{ "domain_email":{ "activate":{ "subject": "activate your account", "content": "Dear member,<br>please activate your account: <a href=\"{{activation_link}}\">activation link</a><br>Greetings<br>{{domain_name}}" }, "sendPwd":{ "subject": "new password", "content": "Dear member,<br>your new password: {{password}}<br>Greetings<br>{{domain_name}}" }, "template":{ "subject": "template", "content": "Dear member,<br>{{content}}<br>Greetings<br>{{domain_name}}" } } }

This are the basic emails (default definition):

• activate
• sendPwd

For each email you can define your:

• subject
• content

The placeholders are:

• {{activation_link}}
• {{domain_name}}
• {{password}}
• {{content}}

The template allows to define a standard email template, which can be used for further emails.

Please edit the CSS variables to change the colors. Choose your color with:

• Color Picker

This pages should be adapted:

• Home
• Membership
• Imprint
• Privacy policy
• Terms of use
• Service 1
• Service 2

More about the pages:

• Mini CMS