Usually I have my detail views on a separate page using the AppGini option "[X] Display detail view in a separate page". But sometimes data is easier to overview and to handle if you have details on the same page as the table view. By default details will be shown below the table.
But this time I wanted to have the details to the right of the table, not below. I did not find any built-in- or hook-solution for this. So I decided to try on my own.
And this is the result:
There are many changes starting with the 2-column-layout itself, changing the toolbar-buttons above the table, removing the text from the actionbar-buttons (save, back, ...), removing the header of the detail view, moving the (red) admin-button, remove panel-borders and -paddings and so on and so on.
This layout makes sense...
- if you have at least a mid-size screen resolution (width >= 1024, the more, the better)
- if the number of (visible) columns of the table view is not too big
Code: Select all
var is_xs = $j('.visible-xs').first().css('display') != 'none';
if (!is_xs) {
// ...
}
Everything you see here has been done with JQuery. Changes will not be overwritten on next generation.
I hope you like it and it gives you a starting point.
Regards,
Jan
PS: See more AppGini UI-Improvements here:
https://www.bizzworxx.de/en/appgini-improvements/