skills.rest
SAP
SAPOFFICIAL
Explore all skills by this author →
Website𝕏@SAPOpenSourceGitHub

component-guidance-navigation

Guide SAP navigation component usage with best practices for UI consistency.

232|70|Updated May 16, 2019
Search Tags:#navigation#best-practices#ui-components#sap#fiori
One-click install
npx skills add https://github.com/SAP/fundamental-styles --skill component-guidance-navigation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: component-guidance-navigation
Source: https://github.com/SAP/fundamental-styles/tree/main/skills/component-guidance-navigation
Command: npx skills add https://github.com/SAP/fundamental-styles --skill component-guidance-navigation

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides clear guidance on when and how to use navigation components in SAP applications, enhancing the user experience and ensuring best practices are followed.

Core Features & Use Cases

  • Component Guidance: Offers detailed instructions for using components like Breadcrumb, Menu, Link, Shellbar, and more.
  • Best Practices: Shares expert advice on design principles and when to avoid certain components.
  • Use Case: Gain insights on when to use a Breadcrumb for hierarchical navigation or an Icon Tab Bar for filtering and navigation.

Quick Start

Activate the component-guidance-navigation skill to explore best practices for navigation components in SAP applications.

Frequently Asked Questions about component-guidance-navigation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
When should I use a Breadcrumb versus an Icon Tab Bar for SAP Fiori navigation?▼

Apply SAP Fiori navigation guidelines to ensure consistent UI patterns. This component guidance helps you decide when to implement specific elements like Breadcrumbs, Menus, Links, and Shellbars to enhance user experience.

How do I implement Shellbar navigation following SAP best practices?▼

Yes, the component guidance includes expert advice on when to avoid specific navigation components. This ensures you do not apply certain SAP Fiori UI patterns in scenarios where they would degrade the user experience.

Do I need prior UI component knowledge to use SAP Fiori navigation guidelines?▼

Yes, you need existing knowledge of UI components and navigation patterns to apply these SAP Fiori best practices effectively. The guidance focuses on detailed implementation rules rather than introductory concepts.

What is the best way to ensure design consistency for SAP Fiori navigation components?▼

Follow the detailed SAP Fiori best practices for the Shellbar component to ensure design consistency. This guidance provides instructions on correct implementation and usage scenarios to enhance your application's user experience.

When should I avoid using a specific navigation component in SAP applications?▼

Use a Breadcrumb for hierarchical navigation to show the current page path within your SAP Fiori application structure. Use an Icon Tab Bar when you need to combine filtering with navigation to switch between different views.

Related Skills

Explore More Design & Creative Skills→
SAPSAP
232

component-guidance-layout

Guide SAP Fiori UI layout selection and component best practices.

Official
Advanced
DayronDLRDayronDLR
3

sap-fiori-tools

Generate and configure SAP Fiori applications using SAP Fiori tools extensions.

Community
Advanced
SAPSAP
232

component-guidance-forms

Guide Fiori form control selection for SAP data entry forms.

Official
Intermediate
pproencapproenca
193

rust-clap

Guide Rust CLI development with clap argument parsing and subcommand design.

Community
Advanced