MasterDetailTemplate
A simple MasterDetail HTML Template that helps in designing Responsive Panther Web screen with AJAX and JQuery calls. Below is the screenshot of the completed MasterDetail screen in the Brower. Latest Bootstrap libraries were used to transform the plan screen into a modern, responsive screen. It includes AJAX and JQuery calls to fetch the data by on click function on Bootstrap Datatable.
Prerequisites
Panther Web 5.5*
This repository consists of 5 files
- Panther screen - MasterDetail
- MasterDetail.html
- MasterDetail.css
- MasterDetail.js
- MasterDetail.jpl
MasterDetail screen
Panther master_detail screen contains Panther grid and single line text filelds.
MasterDetail.html
HTML template is attached to the Panther Login screen via property WEB OPTION->HTML OPTIONs->HTML Template .
MasterDetail.css
Cascading Style Sheets(CSS) file contains requirements like classes and ids provided to HTML tags.
MasterDetail.js
Javascript file contains requirements like the message alerts, hidden button clicks, AJAX call to populate data in single line text field by on click function on rows of first column in datatable etc.
MasterDetail.jpl
Jpl file contains code for screen entry function and populating data after on click.
Need the latest Panther Web 5.*. Please contact support@prolifics.com
How to set up a Panther Servlet Web Application? Click Here
Read our Documentation here