× modal

Elements online

elements-online

Create your table online.

Generate basic data structures for storing and displaying your data, the data definition!

Choose and optiomize your elements.

Define your groups.

Build your menu.


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:

Self hosting

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


Data definition

data definition online

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.

Table definition

table definition online

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.

Files online

files online

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

Assistants

Assistant form

The assistant helps you to configure form and tabulator list. Attention, if you use the assistant (yellow dot), please make always the changes for the columns with the assistant. The assistant overwrites the *.json file.

Assistant Chartjs

Opens the Chartjs Assistant.

Assistant SQL

Opens the SQL Assistant.

Assistant Bulk

Allows to execute bulk operations, also with formulas

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

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

  This delete the file.

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

Copy

Copies the file to the clipboard.

JS Editor

Here you open the JavaScript Editor. It provides powerful features such as syntax highlighting, IntelliSense, autocomplete and real-time error detection. JavaScript code is intelligently supported with context-aware suggestions and code completion. Functions, variables and objects can be easily navigated and explored directly within the editor. Built-in formatting, code folding and multi-cursor editing make working with complex code much easier. Developers can use familiar VS Code-style shortcuts for an efficient and professional coding experience.

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.

The preview

preview online

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.

The database connector

excerp of config/_init.php, myproject/_init.json

The connector is defined in the backend to protect the authentication.

table structure

  • key
    • with ID (noupdate, noinsert)
    • without ID
  • creatorID
    • with ID
    • without ID
  • rights:
    • defaultrights: false
  • Public groups

    SEO friendly Urls

    datadefintion: k8pubs

    Public groups:

    • countries
    • languages

    Everybody can read this groups.

    Group definition

    Masterdata

    datadefintion: k8groupdefinitions

    Please define your groups:

    Fill out the usergroups:

    How to implement the groups:

    Groups can be used with this properties:

    • normal
    • with color
    • with value
    • with color + value

    Groups

    SEO friendly Urls

    datadefintion: k8groups

    Groups, page:

    • lineedit
    • usergroups
    • groupdefinitions
    • else:
      • domain_groups, ->basicgroups_array

    User Menu

    Masterdata

    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

    Online editor

    Masterdata

    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".

    Email configuration

    _init.json (example for email configuration):

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

    More information:

    This are the basic emails (default definition):

    • activate
    • resetPwd

    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.

    CSS

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

    Pages

    Masterdata

    This pages should be adapted:

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

    More about the pages:

    Menu entries of the project k8webkitb5

    All entries of the menu on top, of the left navigation and of the footer: the menu, the label, the location (file and / or folder of the implementation) and the resource (page, data definition or address the entry opens). The entries are defined in js/menu.js, in the table k8menuentries and in myproject/_footer.html.

    MenuLabelLocationResource
    WorkflowsBasicsmyproject/k8groups/index.php?page=basic&pr=1 (page basic, datadefID k8groups)
    WorkflowsAdressesdatabase k8webkitb5, table k8datadefinitions (mydatadefID addresses)page=masterdata&datadefID=addresses
    WorkflowsWorkflow processesdatabase k8webkitb5, table k8datadefinitions (mydatadefID workflowprocess)page=list&datadefID=workflowprocess
    WorkflowsTask largedatabase k8webkitb5, table k8datadefinitions (mydatadefID workflowtitle)page=workflowtitle
    WorkflowsWorkflow diagramdatabase k8webkitb5, table k8datadefinitions (mydatadefID workflowdiagram)page=chartjs&datadefID=workflowdiagram
    WorkflowsTask smallnot found (no page workflowsmall in k8webkitb5)page=workflowsmall
    Workflows > DocsElements onlineexternal (k8webkit.com): masterdata/k8userdefs/https://k8webkit.com/e/masterdata/k8userdefs
    MemberLoginmyproject/loginlogout/_loginlogout_form.phppage login
    MemberLogout_loginlogout_execute.php; masterdata/BasicFunctions.php function logoutindex.php?submit=Logout
    MemberMy Datamasterdata/k8login/page mydata (datadefID k8login)
    MemberMy company (right mode 3)_init_page.php (page company); masterdata/k8company/page company
    MemberCompany emails (right mode 3)masterdata/k8emailconfig/page=masterdata&datadefID=k8emailconfig
    MemberMy membershipmyproject/membership/membership.json; masterdata/k8pages/k8pages/membership
    MemberMy ratingsnot found (no data definition ratings in k8webkitb5)page=catalog&datadefID=ratings&mode=1
    RegisterRegister company (right mode 3)masterdata/k8logincompany/page companyregister (datadefID k8logincompany)
    RegisterRegister employee (right mode 3)masterdata/k8loginregister/page register (datadefID k8loginregister)
    RegisterRegister (other right modes)masterdata/k8loginregister/page register
    AdminBasicsmyproject/k8groups/page basic (datadefID k8groups)
    AdminUser listmasterdata/k8login/page user_list (datadefID k8login)
    AdminPagesmasterdata/k8pages/page=masterdata&datadefID=k8pages
    AdminMenumasterdata/k8menuentries/page=treeview&datadefID=k8menuentries
    AdminEmail templatesmasterdata/k8emailtemplates/page=masterdata&datadefID=k8emailtemplates
    AdminClients (right mode 1)masterdata/k8clients/page=masterdata&datadefID=k8clients
    AdminCompanies (right mode 3)masterdata/k8company/page=masterdata&datadefID=k8company
    AdminPublic groupsmyproject/k8grpubs/page publicgroups (datadefID k8grpubs)
    Admin > Elements onlineElements onlinemasterdata/k8datadefinitions/page=masterdata&datadefID=k8datadefinitions
    Admin > Elements onlineForm Assistantmasterdata/k8userdefs/page=masterdata&datadefID=k8userdefs
    Admin > Elements onlineGroup definitionmasterdata/k8groupdefinitions/page=masterdata&datadefID=k8groupdefinitions
    Admin > Elements onlineUser groupsmyproject/k8groups/page usergroups (datadefID k8groups)
    Admin > Elements onlineForeign keys checkmasterdata/foreignkeys.phppage foreignkeys
    Admin > Elements onlineCSS themesmasterdata/cssthemes.php; css/themes.json; css/active.jsonpage cssthemes
    Admin > Elements onlineMenumasterdata/k8menuentries/page=treeview&datadefID=k8menuentries
    Admin > Elements onlineEditormasterdata/_editor.php; masterdata/js/_editor.jspage editor
    Admin > Elements onlineImport solutions (only .k8webkit.com)masterdata/k8solutiontemplates/page=catalog&datadefID=k8solutiontemplates
    Admin > Elements onlineImport Zip solutionmasterdata/_importzip.phppage importzip
    Admin > Elements onlineDoc Elements onlineexternal (k8webkit.com): zpages/elementsonline/elementsonline.phphttps://k8webkit.com/p/doc_elementsonline
    Admin > Elements onlineDoc Form Assistantexternal (k8webkit.com)https://k8webkit.com/p/doc_formassistant
    Admin > Right groupsMaster datamasterdata/k8rightgroups/page=masterdata&datadefID=k8rightgroups
    Admin > Right groupsRight membersmasterdata/k8rightmembers/page=list&datadefID=k8rightmembers
    Admin > Right groupsRight groups catalogmasterdata/k8rightgroups/page=catalog&datadefID=k8rightgroups
    Admin > Right groupsProjectsnot found (no data definition projects in k8webkitb5)page=masterdata&datadefID=projects
    AdminTranslationjs/example.js; _translation.htmlindex.php?page=translation
    AdminTestmyproject/_test.phppage test
    AdminInfomyproject/_info.phppage info
    Admin > REST ApiFail2banmasterdata/k8fail2ban/page=masterdata&datadefID=k8fail2ban
    Admin > REST ApiWeb API requestsmasterdata/k8webrequests/page=masterdata&datadefID=k8webrequests
    AdminRatings master datanot found (no data definition ratings in k8webkitb5)page=masterdata&datadefID=ratings
    AdminCSS themesmasterdata/cssthemes.php; css/themes.json; css/active.jsonpage=cssthemes
    LanguageFlag with all languagesmasterdata/js/masterdata.js function lang2url; config/_init.php (domain_languages)k8.lang2url(<language>)
    Developer</> (development or role 2 / 103)js/menu.jsno target
    Page timer#pagetimer (bwithpagetimer)js/menu.js; js/standard.js; _head_js.phpno target
    FooterCompany, address, emailmyproject/_footer.html (without this file: _footer.php)domain name (config domain_name), mailto:myemail@mydomain.com
    Footer > Legal LinksImprintmasterdata/k8pages/ (record legalnotice)index.php?page=detail&datadefID=k8pages&marking=legalnotice
    Footer > Legal LinksPrivacy policymasterdata/k8pages/ (record privacypolicy)index.php?page=detail&datadefID=k8pages&marking=privacypolicy
    Footer > Legal LinksTerms of usemasterdata/k8pages/ (record termsofuse)index.php?page=detail&datadefID=k8pages&marking=termsofuse
    Footer > ServicesService 1masterdata/k8pages/ (record service1)index.php?page=detail&datadefID=k8pages&marking=service1
    Footer > ServicesService 2masterdata/k8pages/ (record service2)index.php?page=detail&datadefID=k8pages&marking=service2
    Footer > ServicesContactmyproject/_contact/ (_contact_form.php, _contact.js)index.php?page=contact
    Footer > K8 Web Kit madeK8 Web Kitexternal (k8webkit.com)https://k8webkit.com
    Footer > K8 Web Kit madeCommunityexternal (k8webkit.com)https://k8webkit.com/index.php?page=community
    Footer > K8 Web Kit madeBootstrap madeexternal (bootstrapmade.com)https://bootstrapmade.com/
    Footer > K8 Web Kit madeServicereporterexternal (servicereporter.net)https://servicereporter.net
    MenuLabelLocationResource

    Head line 0

    {{h1_title}}

    $GLOBALS['config']['h1line']

    Element mark up

    Persons List