<?php
/*
lets suposse you have this folder tree
yourproject/
vendors/
lib_1/
lib_n/
theframework/ -->uncompressed zip
helpers/
index.php
*/
//this file is: yourproject/index.php
include_once("vendors/theframework/helpers/autoload.php");
use TheFramework\Helpers\HelperInputText;
$oInput = new HelperInputText();
$oInput->set_value("Hello World");
$oInput->add_class("form-control");
$oInput->show();
It helps to create html element "div":
<div>...innerhtml...</div>
<?php
use TheFramework\Helpers\HelperDiv;
$oDivCell = new HelperDiv("1 of 2");
$oDivCell->add_class("col");
$oDivCell2 = new HelperDiv("2 of 2");
$oDivCell2->add_class("col");
$oDivRow = new HelperDiv();
$oDivRow->add_class("row");
$oDivRow->add_inner_object($oDivCell);
$oDivRow->add_inner_object($oDivCell2);
$oDivContainer = new HelperDiv();
$oDivContainer->add_class("container");
$oDivContainer->add_inner_object($oDivRow);
$oDivContainer->show();
?>
<div class="container"> <div class="row"> <div class="col"> 1 of 2</div> <div class="col"> 2 of 2</div> </div> </div>
<?php
$oDivCell = new HelperDiv("1 of 3");
$oDivCell->add_class("col col-lg-2");
$oDivCell->add_style("border:1px solid #ccc");
$oDivCell2 = new HelperDiv("Variable width content");
$oDivCell2->add_class("col");
$oDivCell2->add_style("border:1px solid #ccc");
$oDivCell3 = new HelperDiv("3 of 3");
$oDivCell3->add_class("col col-lg-2");
$oDivCell3->add_style("border:1px solid #ccc");
$oDivRow = new HelperDiv();
$oDivRow->add_class("row justify-content-md-center");
$oDivRow->add_inner_object($oDivCell);
$oDivRow->add_inner_object($oDivCell2);
$oDivRow->add_inner_object($oDivCell3);
$oDivRow2 = new HelperDiv();
$oDivRow2->add_class("row");
$oDivCell = new HelperDiv("1 of 3");
$oDivCell->add_class("col");
$oDivCell->add_style("border:1px solid #ccc");
$oDivCell2 = new HelperDiv("Variable width content");
$oDivCell2->add_class("col-12 col-md-auto");
$oDivCell2->add_style("border:1px solid #ccc");
$oDivCell3 = new HelperDiv("3 of 3");
$oDivCell3->add_class("col col-lg-2");
$oDivCell3->add_style("border:1px solid #ccc");
$oDivRow2->add_inner_object($oDivCell);
$oDivRow2->add_inner_object($oDivCell2);
$oDivRow2->add_inner_object($oDivCell3);
$oDivContainer = new HelperDiv();
$oDivContainer->add_class("container");
$oDivContainer->add_inner_object($oDivRow);
$oDivContainer->add_inner_object($oDivRow2);
$oDivContainer->show();
?>
<div class="container"> <div class="row justify-content-md-center"> <div class="col col-lg-2" style="border:1px solid #ccc"> 1 of 3</div> <div class="col" style="border:1px solid #ccc"> Variable width content</div> <div class="col col-lg-2" style="border:1px solid #ccc"> 3 of 3</div> </div> <div class="row"> <div class="col" style="border:1px solid #ccc"> 1 of 3</div> <div class="col-12 col-md-auto" style="border:1px solid #ccc"> Variable width content</div> <div class="col col-lg-2" style="border:1px solid #ccc"> 3 of 3</div> </div> </div>