Page 1 of 1

AppGini Helper JavaScript Library

Posted: 2019-09-09 13:21
by jsetzer
Hello everyone,

as some of you have requested and some of you already know, I have put together my "most wanted" JavaScript functions in a JavaScript library which can simply be included and used in your app. Many of these functions have been requested a couple of times here, directly by PM or by email. So I have decided to bundle useful functions.

For an experienced TypeScript / JavaScript developer this is definately not rocket science. But I'm convinced that this library may help at least the "normal AppGineers" having less skills in JavaScript and/or Bootstrap classes.

Here is a summarizing picture of a "modified" Online Clinic Management System (OCMS) from here: ... ent-system

AppGiniHelperJavaScriptLibrary-201909.png (147.76 KiB) Viewed 204 times

List of functions which are already available and documented.
  • Two-Column-Layout for detail view pages
  • Hide field /fields
  • Hide labels
  • Rename labels
  • add Buttons below ActionButtons (links to other pages or buttons calling JavaScript functions)
  • change icon and title of your app
  • add dividers and headlines between fields
  • more inside and more to come
Keep in mind that the library is still growing.

Everything you need to know (hopefully) can be read here:

Developing all that stuff, testing, bundling, documenting, building and maintaining the homepage and shop-integration took a lot of time, as maintaining the lib will take more time in the future. I hope for your understanding that I can not publish the library for free because I have to live from my programming. You can buy the library at the platform which you might already know from your AppGini ordering process.

I hesitated for a long time whether to write this post or not, because in the end it is obviously advertising that does not really belong here. I hope you do not mind me.

Here are the most important links: There is a lot more on the roadmap and I'm happy to hear your wishes and requirements.

With kind regards,

Re: AppGini Helper JavaScript Library

Posted: 2019-09-10 08:00
by onoehring
Hi Jan,

haven't even read the complete post, but want to say thank you already.
Thank you very much.


Re: AppGini Helper JavaScript Library

Posted: 2019-09-10 11:40
by mekin
Jan, thanks again for this beautifull library.

Re: AppGini Helper JavaScript Library

Posted: 2019-09-11 02:38
by jsetzer
Thank you, @mekin and @onoehring, for your feedback, I am pleased!


AppGini Helper JavaScript Library: More space for data

Posted: 2019-09-11 03:34
by jsetzer
Update 2019/09/11

Good morning,

next version of AppGini Helper JavaScript Library will contain couple of new features (see changelog) and one of them may be interesting for you if you'd like to provide more space for data and less for (action-) buttons in detail view. Here is a screenshot. Please have a look at the action buttons at the right hand side:

chrome_2019-09-11_04-24-06.png (104.92 KiB) Viewed 134 times

This can be reached by changing the width of the action buttons container and by hiding button labels with a couple of lines of code provided by AppGini Helper JavaScript Library:

Code: Select all

// file: hooks/patients-dv.js
new AppGiniDetailView().ActionButtons()

Despite there is less information visible now, experienced users will know the buttons' functionality by color, icon and position. Anyway, your users will still see the buttons' text (in your language) as tooltip on mouseover and will get used to it after couple of usages.

chrome_2019-09-11_04-44-44.png (2.68 KiB) Viewed 134 times

The new function have been documented at the bottom of the following page: ... n-buttons/

Hope you like it! Have a good day,

PS: Playing around with the new .addButton() function and the new .compact() function we can even toggle visibility of buttons' texts with only little code:
2019-09-11_05-32-51.gif (161.38 KiB) Viewed 134 times

Code: Select all

var dv = new AppGiniDetailView();
var container = dv.ActionButtons();
var group = container.addGroup("Links");
// ...
group.addButton("Show", function () { dv.compact(); }, null, "minus");
group.addButton("Hide", function () { dv.compact(false); }, null, "plus");

Re: AppGini Helper JavaScript Library

Posted: 2019-09-15 19:57
by jsetzer
Hello AppGineers,

next version of our AppGini Helper JavaScript Library will provide a couple of new features for input fields:

2019-09-15_19-05-27.png (4.51 KiB) Viewed 43 times
2019-09-15_19-18-01.png (4.26 KiB) Viewed 43 times

Stay tuned, will be released the next days.