# Mini Panel

* [Creating a mini panel](#creating-a-mini-panel)
* [Configure Mini Panels to appear on a page or homepage](#configure-mini-panels-to-appear-on-a-page-or-homepage)
* [Activating Mini Panels under blocks](#activating-mini-panels-under-blocks)

Mini panels are portable panels with 2 or 3 columns that display many types of content (custom content, view panes, menus, etc.) Once a mini panel is built it can then be placed as a block in any region of your site.

![An Example of a mini panel](https://3768947627-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdtYclAzsl8OXvAv1fo%2F-Ldu91ZptuaorYV7iOpN%2F-Ldu94onboS8AIEYB3kV%2FMini-panel-example.PNG?generation=1556827636936488\&alt=media)

## Creating a mini panel

1. Click on `Structure` in the Administration menu bar and select `Mini panels` 
2. Click `+` Add

   ![Add option](https://3768947627-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdtYclAzsl8OXvAv1fo%2F-Ldu91ZptuaorYV7iOpN%2F-Ldu94op44XlnCms1ocy%2Fadd-mini-panel.png?generation=1556827636686072\&alt=media)
3. Under Administrative title, enter a unique name for your mini panel. Click `Continue`.
4. Click `Continue` again (to skip the Context menu) and then select **Two Columns Stacked** and click `Continue`.
5. Select **Two Columns Stacked** or **Three Columns Stacked** depending on how many columns you need. Click `Continue`.
6. You can enter a title if you like, unless select the **No title** option under **Title type**.
7. Click on the gear ![gear button](https://3768947627-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdtYclAzsl8OXvAv1fo%2F-Ldu91ZptuaorYV7iOpN%2F-Ldu94orw89juDpCKo2v%2Fgear.PNG?generation=1556827635860165\&alt=media) button for the section you would like to add content to and select `Add content`
8. Select **New custom content**
9. The WYSIWYG editor will open. Add a **title** and add content to the **body** section
10. Click `Finish`
11. Repeat steps 9 – 12 for all other sections you would like to add content to
12. Once sections have been filled, click on the gear ![gear button](https://3768947627-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdtYclAzsl8OXvAv1fo%2F-Ldu91ZptuaorYV7iOpN%2F-Ldu94otSgZyhxC-QZuf%2Fgear.PNG?generation=1556827636389894\&alt=media) on each section and do the following:
    * Select `Change` under **Style**. In the menu that pops up, select **Bootstrap**. Select `Next`.
    * Change Column Type to Small & medium devices. Change Column sizes (*They must add up to 12*). Set Offset size to none. Click `Save`.
13. Click `Save`.

**/! Note**: Please note that this mini panel will not appear anywhere on your site until it’s activated under Blocks or added to a page.

## Configure Mini Panels to appear on a page or homepage

1. Click the `Home button` in the Administration menu bar.
2. Once on the home page, click `Customize this page` (found at bottom of your screen).
3. Under the **Top** or **Bottom** section, click `+` and select `Mini panel`.
4. Under Mini panel, select the title of the mini panel you created. Click `Finish`.
5. Click `Save` at the bottom of the screen.

**/! Note**: Please note that if you use this method to add mini panels to a page it will show up on all your pages. If you add it the homepage it will show up on only the homepage.

## Activating Mini Panels under blocks

1. Click on `Structure` in the Administration menu bar and select `Blocks`.
2. Scroll down under the Disabled section of the list and look for your mini panel title it should be in the format: \*\*Mini panel:

   “Mini panel name”\*\*.
3. Click `configure`.
4. In the `Region Settings` section select **Content** from the drop-down list.
5. At the bottom of the page select the radio button option for **only the listed pages**
6. Enter the node number(s) of the page you would like the mini panel to appear on. With the format: node/number 

   (*node number can be found in the URL of the edit page section*)

![block configuration](https://3768947627-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdtYclAzsl8OXvAv1fo%2F-Ldu91ZptuaorYV7iOpN%2F-Ldu94ov4hcjDd-apS_6%2FMini-panel-block.PNG?generation=1556827638224219\&alt=media)

1. Click `Save block`.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ccsdrupalguide.uoguelph.ca/advancedguide/howto-minipanels.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.