Visual components

A visual component, as its name implies, is one that can be seen by the user at design time AND runtime.

Visual components include things like edit controls, buttons, list boxes, labels, and so on. Most components you use in a PHsPeed application are visual components. Visual components, as much as possible, show you at design time what the form will look like when the program runs. Because PHsPeed is Bootstrap based, it is just an impression as the layout changes, depending on the used device. To see the real form in action, just generate and run the code.

Some components have two instances: a 'regular' and a 'DB' variant. They both use the same runtime, the only difference is that the DB variant needs a Data Source and (Table) Field name to bind.

Standard Component	Data Access variant	Description
Agenda	DBAgenda	Agenda module, based upon FullCalendar
API Integrator	n.a.	Component for integrating external API's like 'jitsi webinar'.
Button	n.a.	Bootstrap button
Carousel	n.a.	Bootstrap carousel
Charts	n.a.	Chart module, based upon chartJS
Checkbox	DBCheckbox	Bootstrap checkbox
CheckboxGroup	DBCheckboxGroup	Bootstrap checkbox group
DatePicker	DBCalendar	Date selector
DateTimePicker	DBDateTimePicker	Date, Time, DateTime selector
DropDown	DBLUDropdown	Dropdown select field, DB uses a static list
	LUDBDropdown	Dropdown select, DB uses list from a Database table
Edit	DBEdit	Edit field for entering text
FileUploader	n.a.	File uploader
FileDownloader	n.a.	File downloader
HorizontalMenu	n.a.	Colorful ajax menu respects Role-based access module
Image	DBImage	Image
Label	DBLabel	Static text with a configurable label
LanguageSelector	n.a.	Component to change the language to use (for multi-lingual applications)
ListBox	DBLUListBox	Listbox select field. Database variant uses static lookup list
	LUDBListBox	Retrieve lookup from a database table.
Menu	n.a.	Regular Bootstrap menu respects the Role-Based Access module
MultiEdit	DBMultiEdit	Multi-line edit field
PDFBody	n.a.	PDF Body, based upon TCPdf implementation
PDFCell	n.a.	PDF Cell, based upon TCPdf implementation
PDFFooter	n.a.	PDF Footer, based upon TCPdf implementation
PDFHeader	n.a.	PDF Header, based upon TCPdf implementation
PDFImage	n.a.	PDF Image, based upon TCPdf implementation
PDFMultiCell	n.a.	PDF MultiCell, based upon TCPdf implementation
PDFRow	n.a.	PDF Row, based upon TCPdf implementation
QueryBuilder	n.a.	End-user web-based query builder
RadioButton	n.a.
RadioGroup	DBRadioGroup	RadioGroup.
Tab	n.a.	Component for creating Bootstrap tabs
ThemeSelector	n.a.	Component for interactive changing the theme to use
Wysiwyg	DBWysiwyg	Lightweight Bootstrap HTML Editor, based upon Summernote.

Component	Description
DBGrid	Database grid for reports and CRUD operations.