Tip: Put unimportant things in the background

A great feature are the so-called badges, which show the number of records in child tables already in the headers of the tabs. However, the badges with value 0 are colored identically with badges that have a larger value. The eye can’t immediately detect if there are records or not. With a little CSS+Javascript trick I move unimportant information into the background. Problem This is the initial situation: all badges look identical. There is no distinction between 0 and >0: Final Result And this is how it looks with the small change: All badges with value 0 are discreetly moved …

Upcoming: Calculated fields on client side

Documentation has moved here Sometimes there is need for automatically calculating values based on other values. Yes, we can use calculated fields (SQL) on serverside to do so. In some cases I’d like to calculate and show already on client side in Detail View. Next version of our AppGini Helper Javascript Library will have simple functions for auto-calculating values of fields based on values of other fields while editing. Please note The features shown here will be part of next version of AppGiniHelper Javascript Library, not current version. Next version will be published in 2022. Check out this sample project: …

Quickie: Modify Download Button

File-upload fields are one of many great features of AppGini-generated apps. In Table View (TV) and also in tables of children tabs in Detail View (DV) AppGini renders larger download buttons with blue default icon and no text, by default: In one of my projects, I wanted to change the appearance of that download button so that it matches the “Open” button (to the left of it) better, visually, and also add a caption for better usability. Example Default AppGini automatically renders a larger button with blue text-color (depending on your theme). Modified download button Same height as “open” button …

React to input field changes and change page title of Detail View

Here I will briefly show how you can react to <input/> field changes and modify the title of the detail view page. I assume that you have already integrated AppGiniHelper Javascript Library into your project. In an example project I have the following three fields: first_name middle_names last_name The Detail View looks like this by default: First I create a Javascript file for Detail View hooks. Because the table is called contacts, the javascript file must be called contacts-dv.js and must be located in the hooks directory. I need a function for getting the current values of those three fields …

Remove buttons (5.9x)

In latest AppGini there are additional features like CSV-Import and keyboard shortcuts. For those there are new buttons in the navbar, which somehow break the inline-buttons user interface. You can get rid of them with a couple of useful new functions

Styling a Table View: a step-by-step example

After we took care of the styling of the Detail View last time, today I will adapt the corresponding Table View. Initial situation Remove links First I would like to remove the links so that the values in the table are shown as text, not as a link. I could and should have done this already during modelling, but I did not. So I have to do it in AppGini – field by field. Then save and regenerate. Except the file link (download) there are now only values in the table. If I want to open a record, I need …