Field groups

Snippets

	<!-- Multiliner . Start -->
	<ul class="fieldgroup multi-line" data-label="Add row" data-group="field_group" maxrows="5">
		<li class="template">
			<input type="text" data-field="field_name" />
		</li>
		<li>
			<input type="text" data-field="field_name" value="Value" />
		</li>
	</ul>
	<!-- Multiliner . End -->
	
Options
Type Value
Type none, 'floating', 'list', 'combined', 'fixed'
Status none, 'locked', 'disabled'
Size none, 'tiny', 'small', 'default', 'medium', 'large', 'huge'
Type Name Value
default data-label string
default data-group string
default data-field string Applicable to rows only
validation maxrows int
validation minrows int
validation required 'required'
callback data-callback-initialize function Triggers on initialization
callback data-callback-update function Triggers on updating
callback data-callback-reset function Triggers on reset
callback data-callback-validate function Triggers on validation
callback data-callback-persist function Triggers on persisting
callback data-callback-hover function Triggers on hover
callback data-callback-focus function Triggers on focus
callback data-callback-lock function Triggers on locking
callback data-callback-unlock function Triggers on unlocking
callback data-callback-disable function Triggers on disabling
callback data-callback-enable function Triggers on enabling
callback data-callback-hide function Triggers on hiding
callback data-callback-show function Triggers on showing
callback data-callback-rows_initialize function Triggers on row initialization
callback data-callback-rows_create function Triggers on row creating
callback data-callback-rows_delete function Triggers on row hiding
Methods

	// Scan multiliners
	basekit.components.multiliners.scan(scope);
	
Parameters Value
scope null element

	// Initialize multiliners
	basekit.components.multiliners.initialize(scope);
	
Parameters Value
scope null container multiliner(s)

	// Update multiliners
	basekit.components.multiliners.update(scope,label,group,minrows,maxrows,options);
	
Parameters Value
scope multiliner(s)
label label
group string
minrows int
maxrows int
options 'locked', 'disabled'

	// Reset multiliners
	basekit.components.multiliners.cancel();
	
Parameters Value
- -

	// Set scope
	var scope= $('.multi-line');

	// Reset multiliners
	basekit.components.multiliners.reset(scope);
	
Parameters Value
scope null multiliner(s)

	// Set scope
	var scope= $('.multi-line');

	// Validate multiliners
	basekit.components.multiliners.validate(scope);
	
Parameters Value
scope null multiliner(s)

	// Set scope
	var scope= $('.multi-line');

	// Persist multiliners
	basekit.components.multiliners.persist(scope);
	
Parameters Value
scope null multiliner(s)

	// Set scope
	var scope= $('.multi-line');

	// Persist multiliners
	basekit.components.multiliners.refresh(scope);
	
Parameters Value
scope null multiliner(s)

	// Set scope
	var scope= $('.multi-line');

	// Lock multiliners
	basekit.components.multiliners.lock(scope);
	
Parameters Value
scope null multiliner(s)

	// Set scope
	var scope= $('.multi-line');

	// Unlock multiliners
	basekit.components.multiliners.unlock(scope);
	
Parameters Value
scope null multiliner(s)

	// Set scope
	var scope= $('.multi-line');

	// Disable multiliners
	basekit.components.multiliners.disable(scope);
	
Parameters Value
scope null multiliner(s)

	// Set scope
	var scope= $('.multi-line');

	// Enable multiliners
	basekit.components.multiliners.enable(scope);
	
Parameters Value
scope null multiliner(s)

	// Initialize rows
	basekit.components.multiliners.rows_initialize(scope);
	
Parameters Value
scope rows

	// Create rows
	basekit.components.multiliners.rows_create(scope);
	
Parameters Value
scope multiliner

	// Delete rows
	basekit.components.multiliners.rows_delete(scope);
	
Parameters Value
scope row
Multiliners . Floating
multi-line floating
multi-line floating editable
multi-line floating tiny editing
multi-line floating small editing
multi-line floating editing
multi-line floating medium
multi-line floating large
multi-line floating huge
fieldgroup multi-line floating transparent
fieldgroup multi-line floating editable transparent light
Multiliners . List
fieldgroup multi-line list
fieldgroup multi-line list editable
fieldgroup multi-line list tiny
fieldgroup multi-line list small
fieldgroup multi-line list
fieldgroup multi-line list medium
fieldgroup multi-line list large
fieldgroup multi-line list huge
fieldgroup multi-line list transparent
fieldgroup multi-line list transparent light
Multiliners . Combined
  • -
  • -
Multilanguage
  • PT
  • EN
  • ES
fieldgroup multi-language
  • PT
  • EN
  • ES
fieldgroup multi-language editable
  • PT
  • EN
  • ES
fieldgroup multi-language tiny
  • PT
  • EN
  • ES
fieldgroup multi-language small
  • PT
  • EN
  • ES
fieldgroup multi-language
  • PT
  • EN
  • ES
fieldgroup multi-language medium
  • PT
  • EN
  • ES
fieldgroup multi-language large
  • PT
  • EN
  • ES
fieldgroup multi-language huge
  • PT
  • EN
  • ES
fieldgroup multi-language transparent
  • PT
  • EN
  • ES
fieldgroup multi-language transparent light