Examples
List of examples
Have parts of the page loaded by separate Ajax requests, after the main page is loaded.
Have parts of the page loaded or updated as result of clicking a link or button.
Loading / replacing a page part as the result of submitting a form.
The href attribute transforms an anchor (A element) into a hyperlink. With Sircl, the href can be used on any element. In this example, we'll make hyperlinks of table rows.
Shows how to request for confirmation before navigating a link.
This example shows how to add/remove classes dynamically. In this case by using checkboxes.
This example shows how to add/remove classes dynamically. In this case by using radio buttons.
This example demonstrates how animations can be triggered using the add/remove/toggle class actions in Sircl.
Adding and removing items in a list within a form.
Creating interdependent checkbox controls.
Creating interdependent select controls.
Implementing a text field with autocomplete.
Enable the save/submit button only when the form contains changes.
Build a form that automatically submits on change, for instance to perform a calculation and return results.
Build a form that relies on HTML dialogs for parts of its input.
Example of a settings page using change actions instead of a form.
Present a data table with paging.
Present a data table with paging and selection checkboxes.
Loading additional content on the page when scrolling down.
Demonstration of building a barcode scanner application using the Sircl media library.
Lazy loading Bootstrap tab pages.
Lazy loading Bootstrap expandable/collapsible collapse regions.
Lazy loading Bootstrap modal windows.
Submitting a form from a Bootstrap modal window.
A lane based task manager supporting drag & drop.