“Inline Detail-View” in Children Tables

[jlarmarange]

Hi,

Is it possible to activate Inline Detail-View in sub-tables displayed on the parent detail view page?
The purpose would be to remove the modal page to be able to edit children directly.
I have recently bought your inline detail-view plugin and it seems to work only on the table view page.



Best regards

[jsetzer]

Hi,

thanks for purchasing our plugin!

Unfortunately no, you cannot directly embed and edit a detail record in the children-tabs of a detail view, I'm sorry!

As a workaround, you can open all records of the children-tab in a new page and enable inline detail-view there.

Kind regards,
Jan

[jlarmarange]

Thanks for the feedback.

Would it be difficult to add custom JS to activate inline detail-view in a sub-table?

The app we use is centred per project with all tables being sub-tables of the projects table. Therefore, all users always interact through that Project view.

Best regards

[jsetzer]

Would it be difficult to add custom JS to activate inline detail-view in a sub-table?

Yes, very difficult.

[balfons]

Hi Jan!

I recently found this post and we are having the same issue with the Inline Detail View plugin. We would like to use it from a child table.

Could you explain how to implement the workaround (open all records of the children-tab in a new page and enable inline detail-view there), please?

Thanks in advance

[jsetzer]

Hi @balfons,

maybe I do not understand your question. You CAN open a separate page listing all child-records of a master-record using the child-link button at the top-right of the detail-view, if configured properly.

AppGini_OVC6UxJyFd.png (7.5 KiB) Viewed 2891 times

chrome_2eQHJXcpn9.png (6.37 KiB) Viewed 2891 times

On that separate page Inline-DV plugin will work as expected, if configured for that table.

---

If I got it right, the original question was about having a kind of inline detail view in a children-tab (bottom part of the detail view), which would be a lot of work. I do not consider programming that because I'm in doubt if this could work at all.

[balfons]

Hi Jan,

thanks for helping. Yes, you undestood my question right and I have tried to implement what you said (checking the proper checkbox in the parent table) but it doesn't work the button is not displayed in the partent table. I thought it was because of the compact view (var dv = AppGiniHelper.DV; dv.compact();) but it wasn't.

I'm using AppGini version 5.97.

Thanks in advance

[jsetzer]

Do you mean the child-link buttons are missing at the top-right of the detail view. Those buttons which open the (filtered) table view of child records?

[balfons]

Yes, I mean these buttons.

I have tried with a test project and now these buttons don't appear at the top-right of the detail view but in the child tab, near Add new button and refresh button:

What I also found is that if you hide the filter field in tablename-dv with this code (in my case is the field called "El nom")

dv.getChildrenTabs().hide("table2", ["el_nom"]);

the buttons disapear

[balfons]

Sorry, last pics were not correct. These are the good ones:

Not hiding filter field (question3)

question3.png (10.58 KiB) Viewed 2857 times

Hiding filter field: (question4)

question4.png (9.36 KiB) Viewed 2857 times

[jsetzer]

Gonna have a look at it. There will be a new version this month and if I remember right, this has been fixed.

[balfons]

Thanks Jan, we will wait for the new version

[jsetzer]

First of all: Yes, compact()-method moves the "Children Links"-buttons from top right corner of DV into the toolbars of the related Children Tabs:

Default

chrome_oHS5McyZpq.png (3.22 KiB) Viewed 2322 times

Code

Code: Select all

// file: hooks/TABLENAME-dv.js
var dv = AppGiniHelper.dv;
dv.compact();

Modified

WrIistHJgz.png (5.05 KiB) Viewed 2322 times

Solution

If you want to use compact view without buttons being moved into the tabs, change the 3rd parameter of compact()-method call:

Code: Select all

// file: hooks/TABLENAME-dv.js
var dv = AppGiniHelper.dv;
dv.compact(true, true, false);

Syntax

Code: Select all

compact = (on: boolean = true, badges: boolean = true, movelinks: boolean = true)