Semantic-Org/Semantic-UI · warning

The method you called is not defined.

Error message

The method you called is not defined.

What it means

Dimmer's invoke() (dimmer.js:580-614) resolves the method query against the module instance; if the name/path matches no property it logs error.method (dimmer.js:612) and returns false. This is the standard Semantic UI 'you called a method that does not exist' for the dimmer module.

Source

Thrown at src/definitions/modules/dimmer.js:704

  // event to bind to
  on          : false,

  // overriding opacity value
  opacity     : 'auto',

  // transition durations
  duration    : {
    show : 500,
    hide : 500
  },

  onChange    : function(){},
  onShow      : function(){},
  onHide      : function(){},

  error   : {
    method   : 'The method you called is not defined.'
  },

  className : {
    active     : 'active',
    animating  : 'animating',
    dimmable   : 'dimmable',
    dimmed     : 'dimmed',
    dimmer     : 'dimmer',
    disabled   : 'disabled',
    hide       : 'hide',
    legacy     : 'legacy',
    pageDimmer : 'page',
    show       : 'show'
  },

  selector: {
    dimmer   : '> .ui.dimmer',
    content  : '.ui.dimmer > .content, .ui.dimmer > .content > .center'

View on GitHub (pinned to 597843ab84)

Solutions

  1. Use a valid dimmer behavior: 'show', 'hide', 'toggle', 'add content', 'set active', 'set dimmable', 'set dimmed', 'set disabled', 'set page dimmer', 'set opacity', 'set variation', 'remove ...', 'is active', 'is animating', 'is closable', 'is dimmer', 'is dimmable', 'is dimmed', 'is disabled', 'is enabled', 'is page', 'is page dimmer', 'get duration', 'get dimmer', 'setting', 'destroy'.
  2. Check spelling against the dimmer settings/behaviors list.
  3. Call .dimmer('setting') to inspect available config rather than guessing a method.

Example fix

// before
$('.ui.dimmer').dimmer('togle'); // typo -> [99]

// after
$('.ui.dimmer').dimmer('toggle');
Defensive patterns

Strategy: validation

Validate before calling

var known = ['show','hide','toggle','add content','set active','set dimmable','set dimmed','set disabled','set page dimmer','set opacity','set variation','is active','is animating','is closable','is dimmer','is dimmable','is dimmed','is disabled','is enabled','is page','is page dimmer','get duration','get dimmer','setting','destroy'];
if (known.indexOf(methodName) === -1) console.warn('Unknown dimmer method:', methodName);

Prevention

When it happens

Trigger: Calling $('.ui.dimmer').dimmer('showw') (typo) or a non-existent behavior such as .dimmer('opacitiy', 0.5) or an unknown dotted path; the else branch at dimmer.js:611-613 logs the error.

Common situations: Typos; using a method from docs of a different version; calling dimmer on an element whose dimmer was destroyed (instance gone); copy-paste from examples that target another module.

Related errors


AI-assisted analysis of Semantic-Org/Semantic-UI@597843ab84 (2026-08-13). Data as JSON: /api/errors/dda91278189a769a. Report an issue: GitHub.