Settings & Customization

Master the PowerLibs settings panel to create components that perfectly match your brand and requirements.

Overview

The Settings tab is where PowerLibs components come to life. Every component offers extensive customization options organized into logical groups for easy navigation.

Current Setting Types

Content & Text

The most common settings you'll find:

• Text Content - Change what text is displayed in buttons, labels, titles
• Button Labels - Customize action button text
• Titles & Headings - Update component titles and descriptions
• Placeholder Text - Set form field placeholders

Functional Settings

Settings that change how components work:

• Add/Remove Elements - Add more tabs to tab bars, more buttons to button groups
• Element Configuration - Name tabs, configure menu items
• Behavior Options - Toggle features on/off
• Layout Options - Choose between different component layouts

Theme & Colors

Some components offer basic theming:

• Color Schemes - Choose from available color options
• Dark/Light Mode - Switch between theme modes
• Basic Color Changes - Limited color customization where available

Advanced Customization

Global Settings Integration

Many components respect global settings for consistent theming:

• Brand Colors - Apply your brand palette across all components
• Typography Scale - Consistent font sizing throughout your app
• Spacing System - Uniform spacing patterns
• Border Radius - Consistent corner rounding

Component-Specific Examples

Each component type has unique functional settings:

Navigation Components:

• Text Content - Change app title, user name, menu labels
• Menu Items - Add/remove navigation items, configure labels
• User Profile - Toggle profile display, change user information
• Layout Options - Choose between different navigation styles

Tab Components:

• Add/Remove Tabs - Increase or decrease number of tabs
• Tab Labels - Name each tab (Home, Profile, Settings, etc.)
• Active Tab - Set which tab is selected by default
• Tab Layout - Choose horizontal or vertical tab arrangement

Button Components:

• Button Text - Change what the button says
• Button Type - Primary, secondary, or other available styles
• Add Buttons - Some components allow multiple buttons
• Action Configuration - Set up button behavior

Customization Workflow

1. Start with Defaults

Every component loads with sensible defaults that work well in most Power Apps.

2. Apply Global Theme

Use global settings to establish your brand colors and typography across all components.

3. Fine-tune Individual Components

Adjust specific components to meet unique requirements or design needs.

4. Test Across Devices

Use the preview to test your customizations on different screen sizes.

Best Practices

Content Consistency

• Use consistent language and terminology across components
• Keep button labels clear and action-oriented
• Maintain consistent naming for similar elements (tabs, menu items)
• Test all text content for clarity and length

Functional Organization

• Group related tabs or menu items logically
• Don't add too many tabs or buttons (3-7 is optimal)
• Use descriptive names that users will understand
• Consider the user's workflow when organizing elements

Theme Selection

• Choose a consistent theme (light/dark) across your app
• Test your chosen colors in the actual Power Apps environment
• Consider your organization's brand colors when available
• Ensure good contrast for accessibility

Testing & Validation

• Always test components in Power Apps Studio after customization
• Verify that all text fits properly in different screen sizes
• Check that functional elements (tabs, buttons) work as expected
• Test with real data when possible

Troubleshooting Common Issues

Settings Not Applying

• Ensure you have a Pro account for full customization access
• Check if global settings are overriding component settings
• Verify that you're in the correct settings section
• Try refreshing the component preview

Colors Not Displaying Correctly

• Check color format (hex, RGB, or named colors)
• Ensure sufficient contrast ratios
• Test in both light and dark themes
• Verify Power Apps color compatibility

Responsive Issues

• Test components at different screen sizes
• Check mobile-specific settings
• Ensure text remains readable at smaller sizes
• Verify touch targets are adequately sized

What's Next?

Once you've customized your component, learn how to export YAML code and import it into Power Apps Studio.