---
title: "Apply Templates to Existing Screens"
slug: "apply-templates-to-existing-screens"
updated: 2025-05-06T17:18:52Z
published: 2025-05-06T17:18:52Z
canonical: "docs.processmaker.com/apply-templates-to-existing-screens"
---

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

# Apply Templates to Existing Screens

Screen templates provide an organized repository of reusable design components, greatly enhancing both the efficiency and consistency of screen design. Accessible directly within the Screen Builder, these templates are categorized as personal and shared templates, allowing designers to quickly apply pre-defined layouts, CSS, and fields to existing screens. This reduces the time required for custom design while ensuring alignment with organizational standards.

Key capabilities of Screen Templates include:

1. **Simplified Screen Creation**: Ready-made templates accessible from the Screen Builder save significant time for designers.
2. **Uniform Design Across Projects**: Pre-set layouts, styles, and fields promote consistency across screens and projects.
3. **Flexible Application**: Designers can apply template elements selectively (e.g., CSS, layout, or fields) or in full, tailoring them to specific needs within the Screen Builder.

This feature streamlines screen design, empowering organizations to improve efficiency, enhance productivity, and ensure client satisfaction through consistent, high-quality designs.

- For more information on using templates, see [Screen Templates](/v1/docs/screen-templates).
- To create screen templates, see [Save a Screen as a Template](/v1/docs/save-a-screen-as-a-template).

[Embedded content](https://demos.processmaker.com/embed/cm3psybs206gfdhzs4idu6jba?embed_v=2)

## Apply Templates to a Screen

To apply screen templates to an existing screen, follow these steps:

**Permissions**

Your user account or group membership must have the following permissions to save a Screen as a template unless your user account has the **Make this user a Super Admin** setting selected:

- Screens: Edit Screens
- Screens: View Screens

See the [Screens](/v1/docs/permission-descriptions-for-users-and-groups#screens) permissions or ask your Administrator for assistance.

1. [Open a screen for editing in the Screen Builder](/v1/docs/manage-screens#edit-a-screen).
2. Click the ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/Templates Icon.png) icon towards top right of the Screen Builder to view all the available templates. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/Select a template in Designer.png)
3. The **My Templates** tab contains the templates you have created. To create screen templates, see [Save a Screen as a Template](/v1/docs/save-a-screen-as-a-template).
4. The **Shared Templates** tab contain templates marked as public in your organization. For more information, see [Share a Template Publicly](https://docs.processmaker.com/docs/save-a-screen-as-a-template#share-a-template-publicly).
5. Click on a template to apply it to the current screen.
6. When applying templates, users can choose which parts of the template to incorporate:
  - **CSS**
    - Adds template-specific CSS elements to the screen's existing styles.
    - Replaces existing styles if conflicts exist with the template.
    - Appends new styles to existing elements for a seamless update.
  - **Layout**
    - Adds multi-column tables that define the screen layout.
    - Adds the template layout to the bottom of the current screen or page.
    - Allows users to arrange layout elements as needed.
  - **Fields**
    - Adds screen controls from the template to the screen's existing design.
    - Controls appear at the bottom, enabling repositioning as required.
  - **Complete Template**
    - Adds the entire template (CSS, layout, and fields) to the screen, positioning it at the bottom for further customization.

> [!NOTE]
> Applying templates to existing screens cannot be undone using the Undo option. If needed, use **Options** → **Discard Draft** to revert all changes.