> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superoffice.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Working with fields

> How to add, move, and delete fields in a layout using the Screen Designer in Settings and maintenance.

<Note>
  This feature requires a license for [Development Tools][1] or the CRM Suite **Core** plan.
</Note>

[1]: /en/admin/license/expander-services

Labels and fields represent the essential contents of a screen. Whether creating a new layout or modify an existing one, start by clicking <i class="ph ph-pencil-simple" aria-label="Edit layout" />. [Show me the detailed steps.][1] When done, **save or publish** the layout.

<Tip>
  You might want to [add or remove tabs][2] before you fine-tune the fields.
</Tip>

![Screen designer, company card, default field layout -screenshot][img1]

The list of fields on any screen contains all standard SuperOffice fields for that area plus all custom fields (both user-defined and extra).

<h2 id="add">
  Add field
</h2>

Any field can appear in multiple locations, if relevant.

1. Select the tab where you want to add the field.

2. Make sure the **Fields** section is selected.

3. Locate the desired field in the **Fields** list.

   <Tip>
     Use the filter function to find specific fields.
   </Tip>

4. Drag the field from the list to a stapled area in the selected tab.

   ![Boxes with stapled lines -screenshot][img6]

   To make a field visible on all tabs, place the field in the header or footer of the main card.

<h2 id="settings">
  Edit field settings
</h2>

Edit field formatting (such as font size) to improve visibility.

1. Select the tab containing the field.
2. Click the field in the preview.
3. In the **Settings** section, edit the field formatting. The available settings depend on the selected field type.

   * Choose **Bold** or *Italic* to change the font style
   * Switch between left and right aligned values
   * Choose between small, normal, and large font

For example formatting, see the screenshot in the section about [adding a heading or divider][3].

<h2 id="move">
  Move field
</h2>

Add or move important custom fields to the main (left-most) tab for easy access. Move less important fields to secondary tabs as an alternative to removing them.

**Steps:**

1. Select the tab containing the field.
2. Click **=** to the left of the field's label and drag the field to a new position.

   <Tip>
     To move a field to a different tab, drag it to the new tab, wait for the preview to update, and then drop the field into a stapled area on the new tab.
   </Tip>

<h2 id="delete">
  Remove (hide) field
</h2>

To reduce clutter, hide fields that are never used. Removed fields affect only what is shown in the user interface, and do not change the database or table values in any way.

* To remove a field, hold the pointer over a field and click the red circled x.

* To restore the field, simply [re-add the field](#add).

<Note>
  Mandatory fields cannot be deleted. However, you can move a mandatory field to another tab.
</Note>

[1]: ./edit-layout

[2]: ./working-with-tabs

[3]: ./working-with-tabs#label

[img1]: /media/loc/en/customization/edit-card-layout-fields.png

[img6]: /media/loc/en/customization/screendesigner-field-place.png


## Related topics

- [Working with custom objects and fields in API](/en/custom-objects/reference/index.md)
- [Working with tabs](/en/customization/screen-designer/admin/working-with-tabs.md)
- [Working with grids](/en/customization/screen-designer/admin/working-with-grids.md)
- [Working with preferences](/en/admin/preferences/update.md)
- [Working with Upsert](/en/api/bulk-operations/mass-operations/upsert.md)
- [Working with dashboards](/en/api/web-services/howto/dashboard/get-dashboard-rest.md)