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

content-density

Implement cozy, compact, and condensed content density modes in SAP applications.

232|70|Updated May 16, 2019
Search Tags:#accessibility#responsive design#UI optimization#content density#SAP Fiori
One-click install
npx skills add https://github.com/SAP/fundamental-styles --skill content-density
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: content-density
Source: https://github.com/SAP/fundamental-styles/tree/main/skills/content-density
Command: npx skills add https://github.com/SAP/fundamental-styles --skill content-density

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill unit provides guidelines and instructions for implementing cozy, compact, and condensed content density modes in SAP applications, ensuring optimal user experience across different devices.

Core Features & Use Cases

  • Density Modes: Offers guidance on choosing between cozy, compact, and condensed modes based on device and use case.
  • Application-Level Density: Sets content density at the application level, affecting the entire UI.
  • Section-Level Density: Allows for specific sections to have different density settings.
  • Device-Specific Recommendations: Provides device-specific recommendations for the best density mode.
  • Accessibility Considerations: Ensures that content density modes meet accessibility standards.

Quick Start

Use the 'content-density' skill to apply compact mode to your application for high information density.

Frequently Asked Questions about content-density

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

FAQPage Schema
What is content density in SAP Fiori and when should I change it?▼

Content density in SAP Fiori controls UI element sizing to optimize layouts for different devices. You should change it to ensure optimal user experience across touch devices, desktops, and hybrid interfaces by adjusting spacing and information density.

How do I apply compact mode to my SAP application for higher information density?▼

You can apply compact mode to your SAP application by setting content density at the application level. This adjusts the entire UI to display more information densely, which is ideal for desktop environments where screen space is limited.

Can I set different content density modes for specific sections of my UI?▼

Yes, you can set different content density modes for specific sections. Section-level density customization allows you to apply cozy or compact settings to individual UI sections, overriding the global application-level configuration.

What is the difference between cozy, compact, and condensed density modes?▼

Cozy mode offers comfortable spacing for touch devices, compact mode increases information density for desktops, and condensed mode maximizes data display. Choosing between them depends on your target device and specific use case requirements.

Does content density affect accessibility in SAP Fiori applications?▼

Content density directly affects accessibility. When selecting and implementing cozy, compact, or condensed modes, you must ensure that the chosen UI density meets accessibility standards and remains usable for all users.

Related Skills

Explore More Software Engineering Skills→
SAPSAP
232

component-guidance-layout

Guide SAP Fiori UI layout selection and component best practices.

Official
Advanced
IsKenKenYaIsKenKenYa
35

mobile-first-design

Create responsive interfaces using CSS Grid, fluid typography, adaptive spacing, prioritizing mobile-first layouts for all devices.

Community
Intermediate
SAPSAP
232

component-guidance-forms

Guide Fiori form control selection for SAP data entry forms.

Official
Intermediate
DayronDLRDayronDLR
3

sap-fiori-tools

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

Community
Advanced