> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.maglr.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Add elements and building blocks || Grid mode is in beta and available in selected accounts only. You add content to a grid scene by dragging elements and building blocks from the `Add` drawer onto the page, or by clicking a `+` on the canvas. Content you add snaps into the flow of the page: above, below or beside what is already there. ## Elements and building blocks You can add two kinds of content to a grid scene: * **Elements** — single pieces of content, such as a text, heading, image, video or button. * **Building blocks** — ready-made rows that combine several elements, such as an image with a text beside it. In the editor, building blocks are listed under `Layouts`, for example in `Basic layouts`. Start with a building block when you need a layout, such as an image with a text beside it, and add single elements to fill it in or extend it. After you add a building block, it is an ordinary row on your page. Changes you make to it don't affect the library it came from. ## Opening the Add drawer The `Add` drawer lists everything you can add to a grid scene. To open it, click `Add` in the left panel. The drawer has these parts: * **Element categories** — `Elements`, `Numbers` and `Specials`, or `All` to see every element. * **Layouts** — building blocks: `Basic layouts` first, then your organisation's own libraries with building blocks saved for reuse. * **Assets** — your own files and stock media. ## Adding content by dragging To add an element or building block by dragging: 1. Click `Add` in the left panel to open the drawer. 2. Drag an element or building block onto the page. 3. Watch the blue drop line: it shows where the content will land. 4. Release to add it. ![Dragging the Image card building block from Basic layouts below a text, with the blue drop line, and releasing it](https://storage.crisp.chat/users/upload-1/plugin/-/4/b/a/a/4baaf9a6d64adc00/6-01-drag-building-block_1szpfby.gif =1000xauto) Where you drop decides how the content is placed: * **Above or below** existing content — the content gets its own row. * **Beside** an element — the content is placed next to it: in the free grid columns beside it if there is room, otherwise the space is split into columns. * **In the gap between two columns** — the content becomes an extra column. A red drop line means the content can't be placed there. ## Adding content with the + on the canvas The `+` buttons on the canvas add content at an exact spot, without dragging. To add content with a `+`: 1. Select a row, column or element on the page. `+` buttons appear around it. 2. Click a `+`: * a `+` above or below a row or column opens a list of building blocks * a `+` beside an element opens a list of elements 3. Click the building block or element you want. It is added at the spot of the `+`. ![Selecting a text, clicking the + beside it and adding a button from the list](https://storage.crisp.chat/users/upload-1/plugin/-/4/b/a/a/4baaf9a6d64adc00/6-02-plus-on-canvas_1b0747x.gif =1000xauto) To choose from everything in the `Add` drawer instead, click `Show all` in the list. The drawer opens, and the next element or building block you click is added at the spot of the `+`. An empty row or column has its own `+`. Click it to add the first element. ## Adding the first content to an empty grid scene A new, empty grid scene shows the message `Drag your first element here`. To add the first content, drag an element or building block from the `Add` drawer onto the scene. ## The building blocks in Basic layouts `Basic layouts` is Maglr's built-in set of building blocks for grid scenes. It has these building blocks: * `Empty row` * `Background row` * `Image row` * `Two-col` * `Three-col` * `List card` * `Image card` * `Video card` * `Column row` * `Slider` (with a `BETA` label) * `Grid list` (with a `BETA` label) Hover the `?` on a building block for a short description. `Grid list` adds a Card list and `Slider` adds a Card slider: rows of cards that wrap into a grid or scroll sideways. For how card rows work, see [Card list and Card slider](https://help.maglr.com/en/article/card-list-and-card-slider-1jqidwd/). ## Elements not available in grid scenes Some elements can't be used in a grid scene and are not shown in the `Add` drawer: * shapes and vector shapes * a Grid container * 3D presets In the Build view, these elements are also not available: * Lottie * Scroll indicator * Breadcrumb ## Adding content in the Build view Adding content in the Build view works the same as in the Design view, with these differences: * The `Add` drawer opens on `Basic layouts`. * The `+` buttons appear only above and below content, not beside it. They have captions: `Add element`, `Add layout`, `Add layout above` and `Add layout below`. * The element list is shorter: Lottie, Scroll indicator and Breadcrumb are not available. For more on the Build view, see [Roles and views in the editor](https://help.maglr.com/en/article/roles-and-views-in-the-editor-13gasx2/). ## Frequently asked questions ### Why does clicking an element in the Add drawer not add it? In a grid scene, an element or building block is added by dragging it onto the page. A click only adds it when you have first clicked a `+` on the canvas and then `Show all`; the click then adds it at the spot of that `+`. ### Why can't I find shapes in a grid scene? Shapes and vector shapes are not available in grid scenes, so they are not shown in the `Add` drawer. They can be used in freeform scenes.