UpdateDom not working

[A Former User]

Now i understand whats going on. You had tried to hide modules before dom created.
My suggetion is;

1. use css for making modules invisible with display:none on startup.(or cover all modules with temp div which has black background on top level)
2. after Dom_object_created message received, hide all module with .hide().
3. then change css again for displaying, or remove the covered div.
4. then you can use your command.

[sharmmoh1983]

@Sean

I will look into the approach but I don’t want every module to be off , some commanded by voice so can’t make use of css

[sharmmoh1983]

@Sean Also updateDOM is also creating DOM first so there should be no issue of DOM getting created or not

[sharmmoh1983]

@Sean @j-e-f-f Thanks for your support… i will try the discussed approach also and come back with my findings

[j.e.f.f]

@sharmmoh1983 said in UpdateDom not working:

I want all modules to hide during star

Yep you can do it. the MM object has a method called getModules() which will give you all the loaded modules. Example:

var modules = MM.getModules();
modules.enumerate(function(module) {
    module.hide(0, {lockString: "yourLockString"});
});

[sharmmoh1983]

@j-e-f-f But where it call this as all modules will be loaded simultaneously

[sharmmoh1983]

@j.e.f.f But where to call mentioned code as all modules will be loaded simultaneously

[j.e.f.f]

@sharmmoh1983 call it in your routine that responds to the DOM_OBJECTS_CREATED notification.

You can’t hide a module before its Dom exists. When this notification is dispatched it means all modules have started AND their Dom objects have been created for the first time. It’s the earliest opportunity you have to hide any modules.

[sharmmoh1983]

@j.e.f.f I am not generating DOM while start of the module but at voice command and this approach is working individually for the modules but not if all are coupled together So how come it is happening for individual modules

[j.e.f.f]

@sharmmoh1983 all the Dom objects for all modules are created automatically when MagicMirror starts. This is not under your control, even for your own module. Your getDom() routine is called when your module’s Dom object is initially created. This is why it is common to see a conditional in getDom() routines that returns something like a simple string (e.g.: “Loading…”). Once your Dom object has been created, you can call updateDom() at your discretion to make changes to whatever your module displays. If you don’t want your module to display anything, then don’t specify a location in the config for your module. If a location is specified, SOMETHING will appear there, even if you don’t have a getDom() routine.

You can’t make changes to another module’s Dom object, but you can hide or show it. However, you can’t do that until that Dom object is initially created.

When all the Dom objects for all modules have been created at startup, MagicMirror dispatches the DOM_OBJECTS_CREATED notification. By waiting for this notification, you can be sure that any module you attempt to hide will be hidden.