Web UI component: j-InlineForm
j-InlineForm
- Works with Bootstrap
- The component moves the content of this component under
<body>
tag (because of positioning)
Configuration:
Example: data-jc-config="title:Form title;width:200;icon:home"
title
{String} form titlewidth
{Number} form max-widthicon
{String} Font-Awesome icon withoutfa-
reload
{String} a link to a global function and it's executed if the form is showingsubmit
{String} a link to a global function and it's executed if the submit button is pressedcancel
{String} a link to a global function and it's executed if the cancel button is pressedhide
{String} a link to a global function and it's executed if the form is hidingenter
{Boolean} (optional) capturesenter
key automatically and performs submit (default:false
)default
{String} (optional) a short alias forDEFAULT(default, true)
Methods:
instance.show(opt)
- shows the formopt.element
{jQuery element} elementopt.align
{String} can beleft
(default),right
orcenter
opt.offsetX
{Number} offsetX (default:0
)opt.offsetY
{Number} offsetY (default:0
)opt.position
{String} can betop
(default) orbottom
opt.callback
{Function} a user defined functioncallback(hide)
,hide
attribute isfunction
instance.hide()
- hides the form
Good to know:
New version of this component supports dynamic evaluation of the content of <script type="text/html">
. The example below contains a script with HTML and the component evaluates the content if the j-InlineForm will be displayed (only once).
<div data---="inlineform">
<script type="text/html">
A CONTENT
</script>
</div>
Author
- Peter Širka petersirka@gmail.com
- License
Created
31. july 2017
Updated
03. september 2019
Version
v1
License
https://www.totaljs.com/license/
Dark mode
Yes
Responsive
Yes
Author
Peter Širka
Email
petersirka@gmail.com
