Tabs in Experience Designer: Cleaner, Smarter Layouts

Creating a streamlined and intuitive user interface is essential for business users working in complex ERP systems like Infor M3. One of the most effective ways to organize content in Experience Designer is by using tabs.

Tabs help break down dense information into smaller, more focused sections - improving clarity, speed, and productivity. At KION Solutions, we use tabs to build smart, user-friendly layouts that let your users stay focused on the task at hand.

What Are Tabs in Experiencer Designer?

Tabs are UI components that divide a page into multiple sections. Each are accessible by clicking a labeled tap at the top. Think of them as labeled folders or "mini pages" within one app view.


Each tab can display entirely different content, such as:

  • Data tables

  • Graphs and charts

  • Forms

  • KPIs

  • Document viewers

  • Filter panels or widgets

This helps reduce clutter and makes it easier for users to find the information they need.

What Can You Put Inside a Tab?

Tables (Grids) - You can show structured data from M3 like order lines, customer lists, or inventory in a sortable, scrollable grid.

Charts & Graphs - Display bar charts, line graphs, or pie charts.

Forms - Input fields for detailed views of a single record. These can be editable or read-only.

Document Viewer (IDM) - View attached files like PDFs, spec sheets, or invoices from Infor Document Management.

Filters or Search Panels - Tabs can include fields or drop- downs to filter data across other tabs.

Dashboards - Mix KPIs, charts, and quick metrics for an overview.

Why Use Tabs?

  • Improved navigation
    Avoid overwhelming the user with too much info on one screen. Tabs allow logical grouping

  • Flexible Layouts
    Each tab acts like a dedicated space - useful for modularizing functions (e.g., view, update, analyze).

  • Better Performance

    Because tabs load selectively, it reduces the initial data load, improving app speed.

  • Mobile Friendly

    Tabs work well across desktop and tablet views, adapting fluidly to smaller screens.

Example: Building a Dynamic Customer Order Dashboard in Experiencer Designer

Here's a real-world example of how tabs and dynamic views can work together in Infor M3 Experiencer Designer.

In the screenshot below, we've created a customer-focused dashboard that uses tabs, tables, and dynamic filters, all in one clean interface:

What's happening here:

  • Left Panel: Customer List - The customer list on the left allows users to search, filter, and select a customer. When the customer is clicked, all the information in the rest of the screen updates.

  • Top Section: Customer Details - The selected customer's name, number, contact info, and country are displayed clearly - pulled directly from M3.

  • Tabs - The layout includes tabs like Order Information, Forms, Customer Details, and New. These help keep everything organized without overwhelming the user.

  • Customer Detail Tab: Basic Data - Once a customer and an order line is selected, their basic data appear in the form as shown including item numbers, description, status, and product group.

This example shows how tabs can hold different types of content — from clean data tables to editable fields — all organized in one streamlined view. It makes it easier for teams to focus, access the data they need, and move faster without navigating multiple layers in M3.

Whether it’s customer info, order details, or product specs, you can control how things are shown, what’s editable, and how it all connects. That’s the power of Experience Designer.

Final Thoughts

These are just a few of the possibilities, but building the right solutions takes careful planning and understanding of your business. That's where KION Solutions comes in. We help businesses unlock their full potential of Experience Designer to make Infor M3 work for you. Want to see what's possible for your organization? Let's connect.

Kion Solutions

Empowering businesses with innovative Infor M3 solutions, integrations, and technology expertise.

© Kion Solutions 2025 All Rights Reserved.