Skip to main content
Glama

gridstack_remove_widget

Remove widgets from dynamic dashboards by specifying a selector or ID. Optionally delete from DOM and trigger removal events for responsive grid layouts.

Instructions

Remove a widget from the grid

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
elYesWidget selector or ID to remove
removeDOMNoRemove from DOM as well
triggerEventNoTrigger 'removed' event

Implementation Reference

  • The core handler function that implements the logic for the 'gridstack_remove_widget' tool. It extracts parameters and generates the GridStack.js code to remove the specified widget.
    private async removeWidget(params: RemoveWidgetParams): Promise<string> { const { el, removeDOM = true, triggerEvent = true } = params; return this.utils.generateGridStackCode("removeWidget", { element: el, removeDOM, triggerEvent, code: `grid.removeWidget('${String( el )}', ${removeDOM}, ${triggerEvent});`, }); }
  • Input schema definition for the 'gridstack_remove_widget' tool, defining parameters el, removeDOM, and triggerEvent.
    inputSchema: { type: "object", required: ["el"], properties: { el: { type: "string", description: "Widget selector or ID to remove", }, removeDOM: { type: "boolean", description: "Remove from DOM as well", default: true, }, triggerEvent: { type: "boolean", description: "Trigger 'removed' event", default: true, }, }, },
  • Registration in the callTool switch statement, dispatching to the removeWidget handler.
    case "gridstack_remove_widget": return this.removeWidget(args as RemoveWidgetParams);
  • Tool registration in the listTools() method, including name, description, and schema.
    { name: "gridstack_remove_widget", description: "Remove a widget from the grid", inputSchema: { type: "object", required: ["el"], properties: { el: { type: "string", description: "Widget selector or ID to remove", }, removeDOM: { type: "boolean", description: "Remove from DOM as well", default: true, }, triggerEvent: { type: "boolean", description: "Trigger 'removed' event", default: true, }, }, }, },
  • TypeScript interface definition for RemoveWidgetParams used in the handler.
    export interface RemoveWidgetParams { el: string | HTMLElement; removeDOM?: boolean; triggerEvent?: boolean; }

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/raghavsharma-simpplr/gridstack-mcp-server'

If you have feedback or need assistance with the MCP directory API, please join our Discord server