- The component moves the content of this component under
<body>
tag (because of positioning)
Configuration:
title
{String} form titlewidth
{Number} form max-widthif
{String} condition for showing of the form, it's compared with the value within ofßpath
icon
{String} Total icon withoutti-
or new:ti ti-home
reload
{String} link to a globalfunction(miniform_component)
and it's executed if the form is displayingsubmit
{String} link to a globalfunction(hide)
and it's executed if the submit button is pressedcancel
{String} link to a globalfunction(hide)
and it's executed if the cancel button is pressedenter
{Boolean} capturesenter
key automatically and performs submit (default:false
)center
{Boolean} centers the form to middle of screenautofocus
{Boolean/String} can focus an input.String
===jQuery selector
for the inputdefault
{String} a short alias forDEFAULT(default, true)
closebutton
{Boolean} can hidex
button (default:false
)zindex
{Number} can affect z-index (default:12
)scrollbar
{Boolean} enables custom scrollbar (default:true
)closeoutside
{Boolean} closes the form when the user clicks outside of the form (default:false
)closeesc
{Boolean} closes the form when the user pressesESC
keyindependent
{Boolean} closing doesn't depent on the condition according to the pathclose {String}
link to a globalfunction()
and it's executed if the form is closing- NEW
hide {String}
link to a globalfunction()
and it's executed if the form hides
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-MiniForm will be displayed (only once).
<ui-component name="miniform" path="path" config="config">
<script type="text/html">
A CONTENT
</script>
</ui-component>
- Peter Širka petersirka@gmail.com
- License