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.

Track and analyze key performance indicators with a dashboard, an information management tool, to monitor business health, visually displaying metrics in tables and charts.

Explore three dashboard types—operational, strategic, and analytical—highlighting real-time metrics for daily operations, tracking key performance indicators for leadership, and interactive drill-down insights for analysts.

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.

Explore how dashboards visualize KPIs and strategic data to support fact-based decisions by consolidating multiple data sources on a single screen.

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

define the dashboard's purpose and audience to guide design, show how users will act differently, and help the team focus on a shared goal.

Focus on including only what is important on your dashboard; align metrics with goals and KPIs, keep content tied to purpose, avoid clutter, and consider multiple dashboards if needed.

Use size and position to show hierarchy, emphasize the most important information, and downplay matrices; keep sizes consistent and place key content at the top-left for quick scanning.

Context your numbers to create effective dashboards, using historical data like previous day metrics, averages, highs and lows, and progress toward goals. Add thresholds and warnings to spot problems quickly.

Group related metrics and position information logically on your dashboard, experimenting with groupings by metrics, brand, campaign, region, team, or time period, and title each group.

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.

Round your numbers to the needed precision to keep dashboards clear: show the conversion rate to three decimal places and revenue to the nearest cent, avoiding unnecessary details that distract.

Iterate your dashboard by gathering team feedback on usefulness and missing features, and update it to drive the intended behavior and keep the dashboard at the heart of your goals.

Use Balsamiq to sketch dashboard wireframes and tiles, bar and line charts; export to Excel, filter by year, country, and product line, and pass parameters between dashboards for KPI tracking.

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.

Show how an Excel data sheet feeds dashboards in SAP Lumira Designer, using the Best Rand Corp. retail data with fields like category, city, date, and gross margin.

Demonstrate the features of the basic dashboard in SAP Lumira Designer using a 1,600-record dataset, with year, city, and product-line filters, charts, and Excel export.

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 universe in SAP Lumira Designer by creating a universe connection, selecting the universe, and dragging columns to build a table, cluster, and cross tab with BW data.

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.

Create an application from the Lumira document, name it, select a blank template, and run on the server by syncing changes; grasp document mode and local vs server execution.

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.

Explore the spreadsheet component in the SAP Lumira Designer course, building on a customizable scorecard with icons, trends, and conditional formatting, and learn to display data like an Excel sheet.

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.

Explore list box creation in Lumiere designer, comparing manual item entry with binding to a data source to populate cities, bind city dimension, and prepare for script-driven responses to selections.

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.

Learn to style a panel in SAP Lumira Designer with CSS borders, border styles, widths, colors, and radius, and apply drop shadows by generating CSS online and pasting code.

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.

Create a css folder in the application root and add a dashboard csx file, then link it to app. Edit or delete as needed; changes appear after styles are added.

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.

Master grid layouts by adding a grid, configuring rows and columns, adjusting ratios, and placing panels into cells with margins and maximize options to fill space.

Learn how the grid layout powers responsive dashboards by using nested grids, controlling visibility for design vs runtime, and tuning margins and ratios that resize with available space.

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 to implement a tab set with tabs and a segmented button to navigate pages, rename tabs, adjust margins, and copy content between Beige Book pages with a grid layout.

Learn to create and manage a pop up window in SAP Lumira Designer, open it with a button, place a grid inside, and close it with a close icon.

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.

Learn to configure a dialog box in SAP Lumira Designer by adding content, enabling drag, resize, and full screen, and using scripts on close buttons for KPI details and dashboards.

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.

Extend chart interactivity by configuring legends and labels, applying a bar filter linked to the data source, capturing user clicks, and reflecting year filters on the chart and cross tab.

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.

Explore chart properties, data handling, and chart types as you add chart components to a dashboard, then preview app and switch between line, bar, and map components with color picker.