How to make Custom Tab work?

[ppfoong]

I have a table m_title containing the following fields which I want to put in a Custom Tab: created_by, created_on, edited_by, edited_on.

I have put AppGiniHelper.min.js in the hooks directory.

I have added the following in hooks/header-extras.php

Code: Select all

<script src="hooks/AppGiniHelper.min.js"></script>

and I have created a new file hooks/m_title-dv.js with this content

Code: Select all

var dv = AppGiniHelper.DV;
var tab = dv.addTab( "tabMeta", "Metadata", "cog", ["created_by","created_on","edited_by","edited_on"]);
dv.getTabs().setPosition(TabPosition.Bottom);
tabMeta.activate();

but nothing happen.

What step is missing?

[ppfoong]

Additional info...

Snipaste_2024-09-04_16-50-59.png (12.73 KiB) Viewed 128 times

[jsetzer]

(1) As always: any errors in console?
According to the error message in console, there is an unexpected dot character in line 3. But according to your code, I cannot see any in line 3. So, this leads me to some cache problem, please see below.

(2) error in your code:

tabMeta.activate();

You have named the variable tab but later on you try to access a variable tabMeta. I'm pretty sure there is an error message in console.

(3) Could be a caching problem of your browser. Are you sure your browser loads the latest script version? Always reload without cache after changing .js or .css files.
There is a troubleshooting guide which also handles caching.

(4) Please try with the first two lines, first, to see if it works at all.

That is what I can see at the moment.

[ppfoong]

Thanks.

It works after changing the variable name to be the same at line 2 and line 4.

[jsetzer]

I'm happy I could help and I'm glad it works as expected.

[ppfoong]

Hi jsetzer,

May I know what is the effective method to clear cache for one site in MS Edge?

I tried Developer Mode > Network > Disable cache, but it seems not working well.

Currently I'm using Incognito/InPrivate mode as workaround.

[jsetzer]

what is the effective method to clear cache for one site in MS Edge

chrome_eXHNXajPhR.png (45.21 KiB) Viewed 103 times

tl;dr
CTRL + F5

See also
My troubleshooting guide here:
https://appgini.bizzworxx.de/support/troubleshooting/

Tip
In dev-tools (F12) I always have that option [X] Disable cache checked:

chrome_zzbCX21YYR.png (20.46 KiB) Viewed 103 times

So, whenever opening dev-tools, I can be pretty sure, latest CSS and JS files are loaded.

[ppfoong]

Thanks a lot.