mmo-grid

1 symbol · generated 5 Oct 2026

element

mmo-grid

Grid element to display a grid layout

<mmo-grid col="3" row="3" gap="0px" customizable></mmo-grid>

Extends: CustomShadowElement

Index

	col	the number of columns
	row	the number of rows
	gap	the gap between the grid items
	customizable	if true, the grid is customizable
	ViewDefault static readonly accessor
	customizable accessor	Get the customizable of the grid
	col accessor	Get the number of columns
	row accessor	Get the number of rows
	gap accessor	Get the gap of the grid
	init()
	save()	Save the grid
	reset()	Reset the grid
	getGridRect(elem)	Get the grid rect of an element
	getGridCoord(pt)	Get the grid coordinate of a point
	getNodeAt(pt)	Get the node at a point
	isAvailable(rect)	Check if a rectangle is available
	updateCoords()	Update the coordinates of the grid
	doUpdateCoords()	Do the update of the coordinates of the grid
	(default)	the widgets of the grid, usually `<mmo-widget>`, each one placed on the cells its `grid-w` and `grid-h` ask for
	.dragging	add a border to the grid while dragging

Attributes4

col

the number of columns

col="3"

row

the number of rows

row="3"

gap

the gap between the grid items

gap="0px"

customizable

if true, the grid is customizable

customizable

Properties5

ViewDefault

staticreadonlyaccessormmo-grid.jhs:22

static get ViewDefault()

customizable

accessormmo-grid.jhs:45

Get the customizable of the grid

get customizable() set customizable(value)

Type: boolean

col

accessormmo-grid.jhs:140

Get the number of columns

get col() set col(value)

Type: number

row

accessormmo-grid.jhs:159

Get the number of rows

get row() set row(value)

Type: number

gap

accessormmo-grid.jhs:178

Get the gap of the grid

get gap() set gap(value)

Type: number

Methods9

init()

mmo-grid.jhs:29

init()

save()

mmo-grid.jhs:74

Save the grid

save()

reset()

mmo-grid.jhs:81

Reset the grid

reset()

getGridRect(elem)

mmo-grid.jhs:90

Get the grid rect of an element

getGridRect(elem)

elem	`Element`	- The element
returns	`object`	The grid rect

getGridCoord(pt)

mmo-grid.jhs:104

Get the grid coordinate of a point

getGridCoord(pt)

pt	`object`	- The point
returns	`object`	The grid coordinate

getNodeAt(pt)

mmo-grid.jhs:117

Get the node at a point

getNodeAt(pt)

pt	`object`	- The point
returns	`Element`	The node

isAvailable(rect)

mmo-grid.jhs:126

Check if a rectangle is available

isAvailable(rect)

rect	`object`	- The rectangle
returns	`boolean`	The availability

updateCoords()

mmo-grid.jhs:195

Update the coordinates of the grid

updateCoords()

doUpdateCoords()

mmo-grid.jhs:205

Do the update of the coordinates of the grid

doUpdateCoords()

Slots1

(default)

the widgets of the grid, usually <mmo-widget>, each one placed on the cells its grid-w and grid-h ask for

<slot>

CSS hooks1

.dragging

add a border to the grid while dragging

.dragging