Switch branches/tags
Nothing to show
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
component.css
component.js
component.json
dependencies.html
example.html
picture.gif
readme.md

readme.md

j-Panel

Configuration:

Example: data-jc-config="title:Panel title;if:user;icon:home"

  • title {String} window title
  • if {String} condition for showing of the window, it's compared with the value within of data-jc-path
  • icon {String} Font-Awesome icon without fa-
  • reload {String} link to a global function and it's executed if the form is showing
  • enter {Boolean} (optional) captures enter key automatically and performs submit (default: false)
  • autofocus {Boolean/String} (optional) can focus an input. String === jQuery selector for the input
  • default {String} (optional) a short alias for DEFAULT(default, true)
  • closebutton {Boolean} (optional) can hide x button (default: false)
  • width {Number} (optional) a default width of the panel (default: 300)
  • NEW: bg {Boolean} (optional) can disable background (default: true)
  • NEW: bgclose {Boolean} (optional) if the user click on the background then the panel will be closed (default: false)
  • NEW: zindex {Number} (optional) can affect z-index (default: 12)
  • NEW: close {String} (optional) path/method is executed as path_to_method(com) when the user closes the panel manually via close button

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-Panel will be displayed (only once).

<div data-jc="panel__path__config">
	<script type="text/html">
		A CONTENT
	</script>
</div>

Author