Web component: j-InlineForm
j-InlineForm
- Works only with +
v11.1.0jComponent - Download jComponent with Tangular (jcta.min.js)
- 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} link to a global function and it's executed if the form is showingsubmit{String} link to a global function and it's executed if the submit button is pressedcancel{String} link to a global function and it's executed if the cancel button is pressedenter{Boolean} (optional) capturesenterkey automatically and performs submit (default:false)default{String} (optional) a short alias forDEFAULT(default, true)
Methods:
instance.show(el, position, [offsetX], [offsetY])- shows the form, positions:left(default,centerorrightinstance.hide()- hides the forminstance.toggle(el, position, [offsetX], [offsetY])- toggles 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-jc="inlineform">
<script type="text/html">
A CONTENT
</script>
</div>
Author
- Peter Širka petersirka@gmail.com
- License: MIT
Created
31. july 2017
Updated
18. january 2019
Version
v1
License
MIT
Dark mode
Responsive
Yes, optimized
Author
Peter Širka
Email
petersirka@gmail.com
Browser‘s Save action performs Preview