Intro

index.php

Structure of PHP-Files

  • <?php PHP Init
    • _init_page.php
      • masterdata/_init.php
        • global variables
          • includes for datadefinition and login
      • session_start()
      • include "masterdata/BasicFunctions.php"
      • set pages[] array
      • check database connection: isset($GLOBALS['k8db'])
      • init laguage support
      • include loginlogout_execute.php
      • session loss? auto login by cookie
      • check login duty by page
      • set SESSION[domain_language]
      • head variables
        • $headtitle=$domain_name
        • $headdescription
        • $headimage
      • $_GET Parameters
    • (masterdata/datadefinitions.php)
      • (masterdata/class_data_accessclass.php)
    • (masterdata/_prepare_head.php)
      • dataws[]
      • page=detail, load definition, load recordset
      • manage: headtitle,headdescription,headimage
      • site[], read datadefinitions
  • <html>
    • html lang=$domain_language
    • <head>
      • output:
        • $headtitle,$headdescrtiption,...
        • dataws[head]
        • dataws[site]
      • _head.php
        • !!!!!
        • script declaration
        • CSS files
        • your libraries
        • masterdata/js/lang_sys_'.$domain_language
        • datadefinition head[] (JavaScript)
        • pages head[] (JavaScript)
      • webkit.css
      • _head_js.php
        • !!!!!
        • head_include (head_includedefault=true)
        • Variables from PHP
        • datadefinition settingsadditional[]
      • datadefinition head_end[] (JavaScript)
      • $site head_end[] (JavaScript)
      • $pages[page][site] head_end[] (JavaScript)
    • <body>
      • Page header with menu
        • _header_example.php
          • page banner
          • menu
      • Content
        • pages[page][contentPHP] (PHP-File)
        • pages[]
          • home
          • login
          • test
          • activate
        • html: #masterdata1, #html1, #edit
      • k8pages, site[layout]
      • k8pages, detail-element
      • standard.js
      • Page footer
        • !!!!!!!!!!!!!!
        • script js/example.js
        • _footer_kit.php
          • legal notice
          • contact
          • bootstrap script
        • k8pages.foot
        • datadefIDsite($site,'foot')
        • datadefinition foot[]
        • pages foot[]
        • pages foot_include
      • cookie handling

The entry points of $pages[page]

  • head
  • head_include
  • foot

The entry points of $datadefinition

  • head
  • head_include
  • head_end
  • foot

k8pages

  • head
  • foot
  • layout
  • site

site

  • layout
  • elements[]
    • selector
    • datadefID
    • page
    • datadefinition
      • definition
      • entry points
        • head
        • head_include????
        • head_end????
        • foot

the sites structure supports the same entry points like the datadefinition.

Searchbox

You can build up a relation from the input field to another datadefinition (table or object). A searchbox will open in an overlay. You can filter the data. By clicking on the line, the data is entered in the form. If you define a field-list, all form elements of the field-list are filled out.

Controls and events

  • magnifying glass:
    opens the searchbox
  • x
    deletes the data
  • displaycolumn=searchcolumn1, onChange:
    found 1 record: ok
    otherwise: opens the searchbox
    „?“ search in searchcolumn2
  • searchcolumn2
    found 1 record: ok
    otherwise: opens the searchbox

Introduction

Source: setzen der Searchbox parameter!

  • new file: datadefID_k8form_customer
  • datadefinition:
    • settingsaditional:
    • k8form.fields: fieldwraptemplate="customer"
    • sql_statement or sql_derived, JOIN to er_customer

k8-CSS

k8-flex-table

Bootstrap Input Basics

  • label and input height: 34px
  • input padding: 6px 12px
  • label .control-label padding-top: 7px
  • font-size: 14px;
  • distance between lines: margin-bottom: 15px

k8-table Basics

  • label and input height: 34px
  • input padding: 6px 6px
  • label k8-label-table, padding: 7px 6px
  • font-size: 14px;
  • distance between lines: margin-bottom: 0px

horizontal Lines are made with:

  • k8-border (all 4 sides)
  • k8-border-top
  • k8-border-right
  • k8-border-bottom
  • k8-border-left
  • k8-border-u (3 sides)
  • k8-border-n (3 sides)

vertical Lines are made with:

  • .k8-flex-table-head > div

Example contacts

For table formatting "k8-flex-table" is used, its based on "display:flex".

Contacts

My footline

HTML

CSS