---
title: Using Blocks in the Self Service Mobile Portal
slug: neurons-for-itsm/admin-user-help/enu/latest/using-blocks-in-the-self-service-mobile-portal
createdAt: 2026-07-14T19:16:28.014Z
---

You can use the blocks in the Self Service Mobile portal and also customize them by adjusting their size to suit your need.

## Adding a Block

1. Log in to Neurons for ITSM Self Service Mobile portal.
2. Change your role to Administrator.
3. From the **Home** page, click the gear icon :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/Yj92-TEx5fUeMKJtFWbu0_settings-icon.png" alt caption size="10" width="20" height="17"}.
4. Click **Parts** to view the list of block templates.
5. Drag a block template from the list to the home page.
6. Position the template relative to an existing block using the placement tool.

:::Paragraph{indent="1"}
*Placing a Block on the Self Service Mobile User Interface Home Page*
:::

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/nIC2rSyrtK2x-K3vQhXZd_positioner.png" alt="Placing a block on the Self Service Mobile User Interface home page." position="flex-start" size="40" initialPath="../../Resources/Images/buttons/positioner.png" githubPath="Content/Resources/Images/buttons/positioner.png" showCaption="false" indent="1"}

## Resizing a Block

You can resize any block in the **Home** page of the Self Service Mobile portal. When you change the size of a block, the application adjusts the sizes of other blocks, in an attempt to keep all blocks visible in the **Home** page.

### Adjusting the Height of a Block

1. Log in to Neurons for ITSM Self Service Mobile portal.
2. Change your role to Administrator.
3. From the **Home** page, click the gear icon :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/Yj92-TEx5fUeMKJtFWbu0_settings-icon.png" alt caption size="10" width="20" height="17"}.
4. Click **Preview**.
5. Position your cursor at the bottom of the block to resize. The cursor changes to a double-arrow :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/3IibPucitJD1hyqFeyi-E_bannerresize1ssm.png" alt caption size="10" width="15" height="16"}.
6. Click the mouse. The cursor changes to a pointer.
7. Drag the bottom of the banner up or down.

### Adjusting the Width of a Block

1. Log in to Neurons for ITSM Self Service Mobile portal.
2. Change your role to Administrator.
3. From the **Home** page, click the gear icon :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/Yj92-TEx5fUeMKJtFWbu0_settings-icon.png" alt caption size="10" width="20" height="17"}.
4. Click **Preview**.
5. Position your cursor at the right edge of the block to resize. The cursor changes to a double-arrow :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/tnN9yFfKOr-SyUSRW_Uli_bannerresize3ssm.png" alt caption size="10" width="15" height="16"}.
6. Click the mouse. The cursor changes to a pointer.
7. Drag the right edge of the banner left or right.

## Editing Blocks

1. Log in to Neurons for ITSM Self Service Mobile portal.
2. Change your role to Administrator.
3. From the **Home** page, click the gear icon :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/Yj92-TEx5fUeMKJtFWbu0_settings-icon.png" alt caption size="10" width="20" height="17"}.
4. Click **Preview**.
5. Click the **Settings** icon :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/lxcgdBAQ-VSE202esVrIu_settingsssm.png" alt caption size="10" width="17" height="16"} of the block to edit.
6. Make necessary changes.
7. Click **Save**.