# Feature PIR-5 - Improve project create form by moving template selection to a separate page

Project: Project Inititation Requests
Status: closed
URL: https://community.openproject.org/work_packages/PIR-5

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | High |
| Target versions | 17.0.0 |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

| ID | Subject | Type | Status | Assignee | Target versions | Spent time |
| --- | --- | --- | --- | --- | --- | --- |
| DREAM-551 | Change representation of project template selector on project create form | Implementation | closed |  | 17.0.0 |  |
| PIR-35 | Split project creation into two pages | Implementation | closed |  | 17.0.0 |  |
| PIR-54 | Change title to "New project initiation request" when creating from a template | Implementation | closed |  | 17.0.0 |  |

## Bugs and other work packages

| ID | Type | Subject | Status | Assignee | Target versions | Spent time | Module |
| --- | --- | --- | --- | --- | --- | --- | --- |
| PIR-53 | Bug | The step counter is incorrect for templates | closed |  | 17.0.0 |  |  |

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Modules and project features / Project settings, Frontend components and Primer design system |
| Feature Flag |  |
| Requires doc change | Yes |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups | https://www.figma.com/design/tlD4wYMNV8S1DeQlGzku0s/Project-creation?node-id=2108-8414&t=nkTDkHi1ruBssEUB-0 |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable | Attila Dombi |
| Product manager |  |
| Developers | OP Dev Dream Team, Attila Dombi |
| Designer |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

| Attribute | Value |
| --- | --- |
| Work |  |
| Labor costs |  |

## Description

# Acceptance

**Project creation**

*   The project creation is split into mulitple steps:
    
    1.  The first thing to select is the template or a blank project
        
    2.  The second page shows the normal form (including name, parent, description)
        
    3.  If a blank project is selected, the third step shows required custom fields
        
*   The first page shows no footer (and thus no progress bar)
    
    *   Starting from the second step, we show the footer and progress bar. The amount of steps depends on the steps of the template. For blank projects, either 2 or 3 if required project attributes are shown
        

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/829563/content"></div></figure>

**Copy options**

*   The grey box with the copy options is only shown when copying a project.
    
*   When creating a project with the help of a template, the copy options are not shown.
    

**Required custom fields**

*   When a template is selected that has project wizard activated, required custom fields are not rendered, as they appear later in the wizard anyway **(backend implemented in ##69034, until this is ready just show the required custom fields here as well)**
    
*   When the blank project is selected, we show the required CustomFields (as before, see above)
    

<br>

##

**Template selector**

*   The project template selector is changed to a more visual represention
    
    *   Each available configured template project
        
        *   is shown in a small grey box
            
        *   is selectable via a radio button
            
        *   the description of the project template is shown below the title
            
    *   The first option:
        
        *   is named &quot;Blank project&quot;
            
        *   shows description: &quot;Start from scratch with a blank project. Manually add project attributes, members and modules.&quot;
            
    *   The boxes are shown in two rows
        

<img class="image_resized op-uc-image op-uc-image_inline" style="width:583px;" src="/api/v3/attachments/825128/content">

## **Out of scope**

  - Changes to the template project

  - Showing an icon for each template (<mention class="mention" data-id="69068" data-type="work_package" data-text="#69068">\#69068</mention> )

  - Showing a search bar for the template selection