grid and rows

[kyrianae]

Hi

I didn't succeed to manage grids with rows
I want a first row with 8 panels
than after rows with 2 panels

the generation work, I see positions in the json, but only empty rows in grafana

does someone have an example of multi grid or do I have to complete position and size by hand in the jsonnet file for all my panels ?

[Duologic]

I've responded to a similar question in #52

[Duologic]

We've added a few functions that can be used to generate your own custom grid, it's a bit of a toolbox that can get you started.

These functions are now used in the original makeGrid(), which serves as an example on how to use it:

grafonnet/custom/util/grid.libsonnet

Lines 30 to 76 in c13ba17

	makeGrid(panels, panelWidth=8, panelHeight=8, startY=0):
	local sanitizePanels(ps) = std.map(
	function(p)
	local sanePanel = panelUtil.sanitizePanel(p);
	(
	if p.type == 'row'
	then sanePanel + {
	panels: sanitizePanels(sanePanel.panels),
	}
	else sanePanel + {
	gridPos+: {
	h: panelHeight,
	w: panelWidth,
	},
	}
	),
	ps
	);
	local sanitizedPanels = sanitizePanels(panels);
	local grouped = panelUtil.groupPanelsInRows(sanitizedPanels);
	local panelsBeforeRows = panelUtil.getPanelsBeforeNextRow(grouped);
	local rowPanels =
	std.filter(
	function(p) p.type == 'row',
	grouped
	);
	local CalculateXforPanel(index, panel) =
	local panelsPerRow = std.floor(gridWidth / panelWidth);
	local col = std.mod(index, panelsPerRow);
	panel + { gridPos+: { x: panelWidth * col } };
	local panelsBeforeRowsWithX = std.mapWithIndex(CalculateXforPanel, panelsBeforeRows);
	local rowPanelsWithX =
	std.map(
	function(row)
	row + { panels: std.mapWithIndex(CalculateXforPanel, row.panels) },
	rowPanels
	);
	local uncollapsed = panelUtil.resolveCollapsedFlagOnRows(panelsBeforeRowsWithX + rowPanelsWithX);
	panelUtil.normalizeY(uncollapsed),