File: ./Proj.demo/card.page.php - ver:1.4.1
Open source - 𝘓𝘐𝘊𝘌𝘕𝘚𝘌 & 𝘊𝘰𝘱𝘺𝘳𝘪𝘨𝘩𝘵 © 2019-2026 EV-soft *** See the file: LICENSE
Clever html engine
PHP2HTML ? What is Clever html engine ? Description What is PHP2HTML ? Examples See and try examples of nearly all modules in the system... Tiny editor Try the advanced online HTML editor Advanced example Example of an Accounting program Danish account plan Example of an account plan Documentation Documentation of the system
Systm modules
htm_Input htm_Input() used for input and output of values of various variables htm_Table Example on module htm_Table() htm_Card Example and notes about htm_Card() Page layout About making page layout Navigate About menues an link buttons Others Buttons, Messages and dialog
Go to files.page.php
File naming Go to files.page.php Folders and files Go to support.page.php Quickstart How to start the system Minimal setup How to create a mini system
Go to translate.page.php
Go to functions.page.php
Overview Go to functions.page.php
☰PHP2HTML


Test site and documentation for Clever html engine • Errors may occur and future news may be shown • ver.1.4.1: 60+ core functions.

Signup: (Example) 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;"
The name of the accounting for wich you have access
Type your uniq code (maybe email) as your accont
pattern="^[a-zA-Z0-9.!#$%&]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" />
Show/Hide password
Type the password for your account


Forgotten password ? Click to request a new password
Login with the given data
Contact info: (Example) 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;"
Type your password for your account
Demo of htm_Input Field type area: Multi-line text
Demo of htm_Input Field type mail
pattern="^[a-zA-Z0-9.!#$%&]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" />
Demo of htm_Input Field type chck: Multi-line formatted chck-text

Demo of htm_Input Field type date with browser popup selector
Demo of htm_Input Field type date with browser popup selector
If data edited,
remember to save data in this card !
Save data in this card
How creating cards: 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;"
To build a card there are 2 functions:

htm_Card_() - prepares the start of a card.
and:
htm_Card_end() - finalize the card.

In between, you add your content.

See the source in php2html.lib.php to manage the function parameters.
PHP Source-code: 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;" 

htm_Card_(capt: '@PHP Source-code:',        # string: The card caption
          icon: 'fas fa-code',              # string: Class: icon to the left of caption
          hint: '',                         # string: The hint on hover caption
          form: '',                         # string: form id/name (No form without a name)
          acti: '',                         # string: form action 
                                            
          clas: 'cardW480',                 # string: The card class (general CSS-data)
          wdth: '',                         # string: The closed card width
          styl: 'background-color: white;', # string: The card body style
          attr: '',                         # string: general attributes (style) for the card-container
          
          show: true,                       # bool:   Show card-buttons top-right
          head: '',                         # string: Style for Header background
          vhgh: '600px',                    # string: MaxHeight (ViewHeight) for span (HideBody) with scrollable content
          help: ''                          # string: Link to custom Card-help
);

// Placed here the cardcontent...

htm_Card_end();
How do you manage cards: 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;"
The Card header is always visible, and you can click on:
Header to: Show or hide the body.
Icon : to open a window with help for this card/page
Icon : to Show content in all cards on the page
Icon : to Hide content in all cards on the page
Icon : to Toggle the actual card between normal- and max-width
Icon : to Toggle the actual card between normal- and max-height

Hover the mouse, and mouse cursor will change and a hint will be shown.

If you right-click card-header a popup menu regarding all cards will be displayed
 Warning: 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;"
It is illegal to have nested forms in html.

Therefore, you must be aware that htm_card()
creates a form if a form name is specified.
By omitting a name, it is possible to have child cards
on a father card.