Beautify lookups (dropdowns)

Please note that features shown here will be published in April 2020. See also: modify default buttons custom buttons for lookups Default dropdown style This is how dropdowns/lookups look by default. As you can see there is a gap between the buttons and the style of the dropdown (having a gradient background) looks differently in comparison to other controls. Modified dropdown style With a single line of code you will be able to align the buttons, adjust the look, remove the gaps and even change icons. (1) Remove gaps and align buttons Code Result (2) Change Icons Code Result (3) …

Showroom

All examples shown here are using our Javascript Library. Some examples require our Inline Detail-View Plugin additionally. Table View Additional links and buttons Inline Detail-View Detail View Custom tabs Additional links and buttons Date picker Collapsible groups of fields

Step-By-Step Example

In this full example we will explain changing a certain detail view step by step. 1. Prerequisites Library file download the purchased library file AppGiniHelper.min.js and copy it into the hooks directory of your generated application. Table: patients If your tablename is patients there will be a file named hooks/patients.php. Make sure your application has been generated and you can see all patients in the table view. Table view:patients_view.php Detail view:patients_view.php?SelectedID=2 Open one record to enter the detail-view mode. 2. Include script & apply common changes Edit hooks/header-extras.php Open hooks/header-extras.php in your code-editor. Line-by-line explanation Ihis is a comment Includes the AppGiniHelper library.Check if the file AppGiniHelper.min.js exists …