Overlay

I am having trouble with the overlay which I need to give the user feedback when loading data into the components.

The documentation says you need to extend your component with the dhx.ui.overlay class although I have found that on the current version of DHTMLx Touch this does not work but rather dhx.OverlayBox is the class that works.

The problem is that using dhx.OverlayBox does not appear to allow a call to showOverlay()

load method should be called before the component is extended from dhx.OverlayBox:

dhx.extend($$(“mylist”),dhx.OverlayBox);
$$(“mylist”).load(url);

The documentation says you need to extend your component with the dhx.ui.overlay class

We’ll correct this. Thanks

My post might not have been clear; the overlay works on load() but the showOverlay() function does not work.

Through further investigation I have observed the following

This works:

dhx.extend( $$('view'), dhx.OverlayBox);
$$('view').showOverview();

This doesn’t:

dhx.protoUI({
    name: "hierarchyGroupList"
}, dhx.OverlayBox, dhx.ui.grouplist);
$$('groupList').showOverview();

Hi James,

please try to call showOverlay() method instead of showOverview()

$$(“groupList”).showOverlay();

The typo is in the post only. I cannot seem to recreate the issue in a sample for you as it appears to work in isolation.

Thanks,
James