The Complete SAP Lumira Designer Course

Explore the history of Lumira Designer, from the Excelsis tool using Excel as data source and zero coding to dashboards delivered as Flash files, through mergers to Lumira Designer 2.3.

Access dashboards on desktop or mobile, selecting devices to fit your needs and monitor KPIs at a glance. Explore adaptive versus responsive layouts for optimizing cross-device presentation.

Learn what makes an effective KPI dashboard that drives decisions by focusing on action and business objectives, not just fancy charts.

Achieve readable dashboards by maintaining consistency across panels, reusing the same metrics and visualizations, and avoiding swapping line charts for column charts just to spice things up.

Use clean labels that your audience will understand to keep dashboards self-explanatory and avoid clutter; abbreviations and headings can reduce repetition while maintaining clarity.

Use clean labels your audience will understand to keep dashboards self-explanatory and avoid clutter, employing abbreviations and concise metric definitions across time frames.

Launch SAP Lumira Designer for the first time, enter hostname, port, username, and password or use offline mode. Create documents from templates, explore tutorials, and access useful links.

Learn to customize Lumira designer layout by rearranging views and panels, save and reset layout, and manage local documents and server storage, including the configuration and workspace folders.

Explore configuration files and folders in Lumira Designer to support dashboards. Examine the document data and an Excel sample with year, month, category, city, gross margin, and customer satisfaction.

Explore the adaptive layout of the basic dashboard, which reflows from two tiles to one on mobile, supports year-based filters, and drill-down to monthly debt with responsive labels.

This advanced dashboard uses a composite component to display product-line KPIs with current vs previous year trends, country filters, adaptive layout, and exportable KPI insights.

illustrates using bookmarks in the advanced eye tracking dashboard, creating and managing personal and global bookmarks, saving to folders, and adding comments to capture insights.

Explore how to use the KPI dashboard's comments feature: add, insert, update, delete, and manage visibility—creator-only or global—for comments stored on the server, via the right-side panel.

Learn to pass a country parameter from the basic dashboard to the advanced dashboard, enabling the second dashboard to filter by selected country Brazil when you click the button.

Explore Lumira Designer connectivity to SAP BW, HANA, Universe, and other data sources, and learn to connect and acquire data for dashboards, using Excel as an offline source.

Acquire data from SAP BW with Lumira designer by creating a document, connecting to a server, selecting a BW query, and displaying a cross tab or table.

Acquire data from SAP HANA in SAP Lumira Designer by connecting to a HANA connection, selecting a HANA view, and adding it as a data source to build dashboards.

Upload the Lumira document from the local drive to the server, saving it in the retail demo project folder. Create an application or dashboard to visualize the Excel data.

Learn to add basic components in the SAP Lumira Designer app, adjust properties, align button, text, and input field, and run the layout locally.

Capture user input with scripting in SAP Lumira Designer, then display it in a label by setting text and using string concatenation for a personalized hello.

Synchronize your SAP Lumira Designer app with the server after making changes, by right-clicking and selecting synchronize with the server, then refresh the browser to apply updates.

Learn how to create and use variables in SAP Lumira Designer by capturing user input with the var keyword, displaying it, adding comments, and synchronizing and saving to the server.

Add an offline data source from an Excel sheet to a Lumira Designer app, configure measures and dimensions, and display data with fields like year, country, and product line.

drag and drop the crosstab component from the table group, select your data source (for example s1), then maximize to fill the available space with auto heights.

Master scorecard visualizations in SAP Lumira Designer by configuring data sources, customizing headers and formatting, and using grouping and conditional formatting to create dynamic dashboards.

Learn to use the dimension filter to filter data by year, configure the data source, and switch visualization modes such as dropdown and list in SAP Lumira Designer.

Explore how to configure and use the SAP Lumira Designer filter bar to filter dashboards by year and product line, supporting single or multiple selection and different visualization modes.

Explore the filter line in SAP Lumira Designer, assign a data source, save and run, test by selecting years and multiple product lines, then clear filters.

Configure the filter panel to filter data from the S1 data source, select dimensions such as product lines and year (2015), and see charts update with searchable, deletable filters.

Navigate the navigation panel and assign a data source. Drag city and year into the view to show sales by product line per city per year, with a searchable filter.

Drag the icon component onto the dashboard, select an icon from the built-in library, adjust width, height, color, background, and use the size factor to scale icons.

Demonstrate the image component in the SAP Lumira Designer course by uploading images to the server, configuring size and opacity, and wiring on-click actions for dashboards.

Master the segmented button in SAP Lumira Designer by configuring items and icons, and using scripts to respond to selection with alerts or labels.

Learn to use the shape component in SAP Lumira Designer to add vector shapes and icons, resize for sharp rendering, and enable click actions while saving as base64 images.

Learn to use the group list component in SAP Lumira Designer, drag and drop items, group cities by country, and trigger an alert on selection.

Configure a list box in SAP Lumira Designer to bind to data sources, filter by city with background filters, and enable an all cities option for totals.

Explore panel containers in SAP Lumira Designer, add and resize panels, and style the converted divs with CSS to set background and borders.

Copy and apply panel styles from the web, base panels on a shared layout, align and resize panels, and save time by using grid guides and creating a CSX file.

Open the css file, create a class for a panel, and apply the style to components; adjust color and drop shadow to see changes after running the application.

Create color classes in CSX to apply distinct background colors to panels, then assign multiple classes to a single component to control color, size, border radius, and shadows.

Learn how to change component colors at runtime in SAP Lumira Designer by applying new CSX styles or CS classes via on click events, enabling dynamic style updates for panels.

Explore nesting panels as containers with parent-child relationships, add buttons inside panels, adjust top margins to position components, and understand how panel margins relate to their parent in the dashboard.

Explore configuring the grid layout with adjustable width, height, and margins, and implement a beige book with multiple pages, labels, and buttons, plus swipe navigation and page indicators.

Navigate the Beige Book across multiple pages using a segmented button and index-based page switching, with script logic converting selections and updating the active page.

Learn how to configure the pop up window, including the auto close feature that closes when you click outside, and customize its background styles before introducing the dialog box.

This lecture demonstrates dialogue component in SAP Lumira Designer, showing how to insert and title it, keep it at first level to avoid overlap, and open it with a button.

Explore the story component in Lumira Designer by adding it, configuring full screen, and building multi-page layouts with drag-and-drop content and page navigation.

Create and customize a chart in the SAP Lumira Designer by assigning a data source and configuring axes, titles, and fields like years, product lines, quantity sold, and gross margin.

Configure a chart in SAP Lumira Designer by selecting the chart, resizing width, and filtering data to show only sales revenue for a specific year.

Configure charts with the chart configuration panel, switch between column, bar, stack bar, and pie charts, and adjust axes, colors, borders, padding, and data labels in real time.

Configure a chart in SAP Lumira Designer, capture a single user selection from chart1 via the select event, and display it with an alert while applying it as a filter.

Configure charts in SAP Lumira Designer by adjusting dimension label options, legend text or key, and per-element colors for bars, block area, and chart area.

Use the chart feeding component to bind your chart, adjust visibility and margins, and rearrange color, x axis, year, and product line to reflect data changes.

Use the chart property editor in SAP Lumira Designer to customize a chart's look and feel at design time and apply runtime updates, including background and plot area colors.