---
id: post/aardvarklabs-blog/1756
type: post
title: Effortless Layout Editing in Business Central
summary: Business Central Designer Mode enables drag-and-drop field editing through Visual Studio Code by pressing F6 instead of F5, automatically generating AL code from the visual changes made to pages without requiring manual coding.
tier: community
language: en
tags:
  - page layout editing
  - designer mode
  - visual studio code
  - drag and drop
  - page extensions
system: development
review:
  state: reviewed
  by: opus
  at: "2026-10-08T02:01:03.638Z"
  flags: []
generated:
  at: "2026-10-08T01:26:53.141Z"
  pipeline: 0.2.0
  prompts:
    extract-post: 1
  input_hash: d333f15bb1864a935c8286b29e4bc1dfd21138058dd7aa91b3767226757d84ac
evidence:
  - kind: blog
    url: https://aardvarklabs.blog/2025/05/02/effortless-layout-editing-in-business-central/
    title: Effortless Layout Editing in Business Central
    date: "2025-05-02"
    commit: null
    t: null
    quote: null
  - kind: blog
    url: https://aardvarklabs.blog/2025/05/02/effortless-layout-editing-in-business-central/
    title: Effortless Layout Editing in Business Central
    date: "2025-05-02"
    commit: null
    t: null
    quote: With F6 the system starts in Designer Mode.
  - kind: blog
    url: https://aardvarklabs.blog/2025/05/02/effortless-layout-editing-in-business-central/
    title: Effortless Layout Editing in Business Central
    date: "2025-05-02"
    commit: null
    t: null
    quote: This also lets you work more collaboratively with an end user, allowing you to move and visualize the results in real time.
links:
  learn: []
  objects:
    - object/page/21
    - object/table/18
  features: []
  topics: []
  localizations: []
  videos: []
  posts: []
  guidelines: []
post_id: "1756"
source_id: aardvarklabs-blog
source_name: Aardvark Labs
url: https://aardvarklabs.blog/2025/05/02/effortless-layout-editing-in-business-central/
published_at: "2025-05-02T12:00:00.000Z"
author: Marcel Chabot
full_text: false
words: 433
quotes:
  - text: With F6 the system starts in Designer Mode.
    why_it_matters: This is the key command to activate the visual layout editing feature in Business Central
  - text: This also lets you work more collaboratively with an end user, allowing you to move and visualize the results in real time.
    why_it_matters: Shows the practical benefit of Designer Mode for non-technical stakeholders to participate in layout design
code_objects_mentioned:
  - page Customer Card
  - other pageextension ARD_Customer
  - table Customer
  - other tableextension ARD_Customer
systems:
  - development
versions_mentioned: []
preview:
  embeddable: true
  frame_url: https://aardvarklabs.blog/2025/05/02/effortless-layout-editing-in-business-central/embed/
  image: https://aardvarklabs.blog/wp-content/uploads/2025/04/efdf2f83-abb8-4d5b-98a1-a8fe40588009.jpeg
  image_alt: null
  image_w: 1024
  image_h: 1024
  site_name: Aardvark Labs
  favicon: https://aardvarklabs.blog/wp-content/uploads/2024/04/design-1.png?w=32
  probed_at: "2026-10-07T11:52:08.954Z"
---

# Effortless Layout Editing in Business Central

[Read the post](https://aardvarklabs.blog/2025/05/02/effortless-layout-editing-in-business-central/) · Aardvark Labs (Marcel Chabot) · 2025-05-02 · 433 words · tier community · reviewed (checked by Opus)

> Business Central Designer Mode enables drag-and-drop field editing through Visual Studio Code by pressing F6 instead of F5, automatically generating AL code from the visual changes made to pages without requiring manual coding.

## Key points

- Pressing F6 in VS Code starts Business Central in Designer Mode; F5 starts the debugger
- In Designer Mode you can add fields with drag and drop, change field properties, show or hide actions and set importance
- Stop designing, save with Download Code checked, then press Alt+F6 in VS Code to pull the generated AL into the page extension
- Triggers and other advanced page logic cannot be handled in Designer Mode
- Lets developers adjust layouts together with end users and see the results right away

## Quotes

- "With F6 the system starts in Designer Mode." (This is the key command to activate the visual layout editing feature in Business Central)
- "This also lets you work more collaboratively with an end user, allowing you to move and visualize the results in real time." (Shows the practical benefit of Designer Mode for non-technical stakeholders to participate in layout design)

## AL objects mentioned

As named in the post. A name that matches one object page by exact type and name links to it; the others stay as named.

- [page 21 "Customer Card"](../../objects/page/21.md)
- other "pageextension ARD_Customer"
- [table 18 "Customer"](../../objects/table/18.md)
- other "tableextension ARD_Customer"

## Context

- Features: Designer Mode, Drag-and-drop field editing, Field property editing, Action management, Auto code generation from visual changes, Collaborative layout design

Source: Aardvark Labs, community blog. Summary, key points and quotes are derived (CONTENT-NOTICE.md); read the original for the full text.