Ajax Portlets ajax portlet samples

Ajax Portlets

Use <a href="#" data-load="true" data-url="portlet_ajax_content_1.html" class="reload"></a> markup to enable the ajax portlet.

Remove data-load="true" to prevent the initial loading of the content so the content will be loaded only upon clicking on the reload icon.

Scrollable Content
Advance Form
Load On Demand
Defualt content goes here. Click the reload icon above to reload the content from ajax source.
Custom Reload Handler

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Error Message On Reload Using Notific8
Try to reload the content to see how the error message is displayed.
Error Message On Reload using Toastr
Try to reload the content to see how the error message is displayed.