File: ./Proj.demo/description.page.php - ver:1.7.3
Open source - π˜“π˜π˜Šπ˜Œπ˜•π˜šπ˜Œ & 𝘊𝘰𝘱𝘺𝘳π˜ͺ𝘨𝘩𝘡 Β© 2019-2026 EV-soft *** See the file: LICENSE
Skip to the contentGo to the view tools

description.page.php



Test site and documentation for Clever html engine β€’ Errors may occur and future news may be shown β€’ ver.1.7.3: 78 core functions.


MOVE: Drag to place this card elsewhere among the cards. Alt + arrow up/down: one place. The order is remembered in this browser.System description: TOGGLE-height: Click icon to toggle viewHeight for this card WIDE: Click to maximize/normalize this card width COLLAPSE: Click to close all cards EXPAND: Click to open all cards
PHP2HTML is a library, a collection of functions that can be used systematically for
the interface of your program that you develop in PHP.

It consists of a large number of functions, all of which support the use of different
national languages.
The functions generate output in the HTML5 format that all modern browsers support.

Furthermore, most are combined with:
Label - A heading for a field.
Hint - A popup help text displayed by mouse over label.
Placeholder - A visible text in input fields when the value is undetermined.
Icon - A graphic element that highlights the purpose.

For data viewing and editing, an advanced table is offered with:
Column wise: Filtering - Sorting - Resizable width
Row wise: Create - Change - Delete - Copy - Move up/down - Undo - Spec. Buttons
Fixed (sticky) column headers
Scrolling content-window
Zebra-striped rows

When choosing a layout, it is emphasized that it is compact, so it is suitable
for narrow screens that appear on phones and tablets.

Furthermore, there are functions that enable layout control.

And more...

Requirement:
PHP 8.1+ (named arguments)
HTML5
CSS3
Source code must be UTF-8, no tabs, indent 4 space

Used libraries:
All optional - loaded only when needed, from the subfolder /_assets or from a CDN:
Font-awesome - icons.
Mottie Tablesorter - extended table functions (with jQuery).
TinyMCE - HTML editor.
pdf.js - PDF viewer.

Run mode:
You can chose between 3 running modes for each library ($needJquery ... $needPdfview): "On-line" (2), "Off-line" (1) or "Auto" (3: local if the CDN cannot be reached)

"On-line" means with internet access - Libraries is loaded from CDN-servers.
Used space is reduced with about 14 MB (/_assets is not needed),
but system can't run if connection to the internet breaks.

"Off-line" means without internet access - Libraries is in subfolder /_assets
Used space is about 14 MB more. Delays are minimized.

Drag to resize the card (or use the arrow keys). Double-click or Home: original sizeColumn view: the column decides the width of the card - only the height can be dragged (down to less than the content). Turn the column view off to change the width.
MOVE: Drag to place this card elsewhere among the cards. Alt + arrow up/down: one place. The order is remembered in this browser.Note about the demo: TOGGLE-height: Click icon to toggle viewHeight for this card WIDE: Click to maximize/normalize this card width COLLAPSE: Click to close all cards EXPAND: Click to open all cards
In demo source-files, the variable name and variable value are in all function calls
specified to make the understanding clearer (PHP 7 syntax).

Most variable names is actually redundant and can be omitted.
Furthermore variables that have a default value can be omitted,
if no individual values are subsequently required.

PHP 7 Example:
htm_Input(
# labl:'', plho:'@Enter...', icon:'', hint:'', vrnt: 'text', name:'', valu:'', form:'', wdth:'100%', algn:'left', attr:'', rtrn:false, unit:'', disa:false, rows:'2', step:'', list:[], llgn:'R',bord:'', ftop:''
     $labl='@htm_Input(num2)', '', '',
     $hint='@Demo of htm_Input',
     $vrnt='num2', $name='num2',
     $valu='87654321', '', wdth:'120px'
     $algn='right'
);


Short form:
htm_Input('@htm_Input(num2)', '', '', '@Demo of htm_Input', 'num2', 'num2', '87654321', '120px', 'right');

PHP 8 Example:
   htm_Input(
        labl:'@htm_Input(num2)',
        hint:'@Demo of htm_Input',
        vrnt:'num2',                // Input() Variant
        name:'num2',
        valu:'87654321',
        wdth:'120px',
        algn:'right'
    ); 
Output in browser:
Demo of htm_Input



Drag to resize the card (or use the arrow keys). Double-click or Home: original sizeColumn view: the column decides the width of the card - only the height can be dragged (down to less than the content). Turn the column view off to change the width.