# Feature XWI-168 - UX improvements for edit and create actions of wiki pages

Project: Stream XWiki integration
Status: tested
URL: https://community.openproject.org/work_packages/XWI-168

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | High |
| Target versions | 18.0.0 |
| Sprint |  |
| Backlog bucket |  |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

| ID | Type | Subject | Status | Assignee | Target versions | Spent time | Module |
| --- | --- | --- | --- | --- | --- | --- | --- |
| XWI-174 | Bug | If user triggers error on new wiki page, then sidebar is visible | review approved |  | 18.0.0 |  | Modules and project features / Wiki, Frontend components and Primer design system |
| XWI-173 | Bug | Parent wiki page drop-down overlaps over all page elements if wiki page name is long | confirmed |  |  |  | Modules and project features / Wiki, Frontend components and Primer design system |

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Frontend components and Primer design system / Page header, Modules and project features / Wiki |
| Feature Flag |  |
| Requires doc change | Yes |
| Enterprise plan | Community (COM) |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups | https://www.figma.com/design/qB4JHWlo3tKPiNCCL9uB0Y/Global-Wikis?node-id=296-8955&p=f&t=nE1aOoiajlFHwV0K-0 |
| Accessibility | No |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers | Henriette Darge |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

**As** an OpenProject user  
**I want to** have a more modern UX pattern for the edit action  
**so that** I like using the wiki module.

**Acceptance criteria**

  - The green create action button is removed from the page
    
      - instead, it is added to the bottom of the left side menu (similar to how we did it for Boards)

  - The watch button is moved into the three dots menu

  - In the edit and create mode:
    
      - the sidebar is removed
    
      - the ckEditor goes full width of the form
    
      - we use the same component we have for the form for creating projects (`StepWizard`)

**Permissions and visibility considerations**

  - *No new permissions*

**Translation considerations**

  - No new translations

**Out of scope**

  - Adding comments for changes

  - <mention class="mention" data-id="79580" data-type="work_package" data-text="##DREAM-825" data-display-id="DREAM-825">\#\#DREAM-825</mention>