Visforms 5
The inner HTML area

The inner HTML area

The inner HTML area

The inner area in which the form or the saved transmissions (form data) are actually displayed.
The contiguous colored areas denote alternative classes that are mutually exclusive in the sense of ‘either or’.

Form Views

The inner area where the form is actually displayed.

CSS ClassScopeAppearsOrigin / ConfigurationUse Case
visformShow the formAlways form element of the form generated by Visforms.
<form class="visform ..."></form> 		Form: View
Chosen UI Framework
  • Form configuration: tab 'Advanced', group 'Layout'
    • 'UI Framework' option
 Form: View
defaultformPlus
  • Option ‘UI Framework’ = 'None'
bt4mcindividualPlus
  • Option ‘UI Framework’ = 'Bootstrap 4'
bt5Plus
  • Option ‘UI Framework’ = 'Bootstrap 5'
uikit2Plus
  • Option ‘UI Framework’ = 'Uikit 2'
uikit3Plus
  • Option ‘UI Framework’ = 'Uikit 3'
Bootstrap 2
  • Option ‘UI Framework’ = 'Bootstrap 2'
btdefaultPlus
  • Option ‘Sublayout’ = 'Gestapelt'
bthorizontalPlus
  • Option ‘Sublayout’ = 'Horizontal'
mcindividualPlus
  • Option ‘Sublayout’ = 'Individuell'
Bootstrap 3
  • Option ‘UI Framework’ = 'Bootstrap 3'
btdefaultPlus
  • Option ‘Sublayout’ = 'Gestapelt'
bthorizontalPlus
  • Option ‘Sublayout’ = 'Horizontal'
mcindividualPlus
  • Option ‘Sublayout’ = 'Individuell'
CustomCustom Class AttributesPlus
  • Form configuration: tab 'Advanced', group 'Layout'
    • 'CSS class' option
 Form: View

Data Views

The inner area in which the data is concretely represented.

Views with the HTML table element

CSS ClassScopeAppearsOrigin / ConfigurationUse Case
visdataShow the form dataAlways table element created by Visforms.
<table class="visdata ..."></table> 		Saved Transmissions
visdatatableAlways Saved Transmissions
  • Joomla configuration:
    • Menu item of type 'Visforms form data'
    • Menu entry of type 'Data View with Edit Link'
visdatatabledataverticalPlus
  • Joomla Configuration: Menu Configuration, tab 'Show form data options'
    • Parameter 'Alignment' = 'List'
 Saved Transmissions: Record List
visdatatabledatahorizontalPlus
  • Joomla Configuration: Menu Configuration, tab 'Show form data options'
    • Parameter 'Alignment' = 'Line'
 Saved Transmissions: Record List
visdatatablemysubmissionsPlus
  • Joomla configuration:
    • Menu entry of type 'Visforms - My Transfers'
 Saved Transmissions: Record List
(Mixed Forms)
visdatatabledetailPlus Visforms does not provide a 'data table class' parameter for the detail. Transfers Saved: Single Record
No additional CSS class: only visdata visdatatable
  • Visform's Plugin Data View
    • Plugin string parameters: name 'layout', value: no value set
 Visforms Plugin Data View
CustomClass attributes from configurationPlus
  • Joomla configuration
    • Menu item configuration, tab 'Show form data options', parameter 'Data table class'
CustomClass attributes from configurationPlus
  • Visform's Plugin Data View
    • Plugin String Parameters: Name 'viewclass'
 Visforms Plugin Data View

View with the HTML dl element

CSS ClassScopeAppearsOrigin / ConfigurationUse Case
visdataShow the form dataAlways dl element created by Visforms.
<dl class="visdata ..."></dl> 		Saved Transmissions
No additional CSS class: only visdata
  • Visform's Plugin Data View
    • Plugin string parameters: name 'layout', value: 'list'
 Visforms Plugin Data View
CustomClass attributes from configurationPlus
  • Joomla configuration
    • Menu item configuration, tab 'Show form data options', parameter 'Data table class'
CustomClass attributes from configurationPlus
  • Visform's Plugin Data View
    • Plugin String Parameters: Name 'viewclass'
 Visforms Plugin Data View
What's on this Page