UI Menu Mobile

user
UI Menu Mobile

Tags:

UI/UX

The UI Menu Mobile is a responsive navigation component designed for mobile applications in Power Apps. It features a horizontally scrollable menu with dynamically generated items, using SVG icons and a modern UI design.

Technical Features: ✅ HTML-based container (HtmlViewer) for a smooth background and shadow effects. ✅ Dynamic menu items (Gallery) rendered with Table(), allowing easy customization. ✅ Scalable SVG icons for crisp visuals on all screen sizes. ✅ Selected item indicator (Html)

📂 Component Breakdown: 📌 HtmlText (Menu Background)

Defines the rounded menu container with a linear gradient background. Uses box-shadow for a floating effect. 📌 Gallery (Menu Items)

Displays menu options (Home, Task, New, Profile) dynamically. Uses TemplateSize to maintain proportional spacing. 📌 Img_Icon (SVG Icons)

Loads icons dynamically using LookUp(ColorThemes, Id=1).Cor for theming support. Optimized viewBox="0 0 20 20" for faster rendering. 📌 HtmlText_SelectItem (Selected Item Indicator)

Highlights the active menu option with a glowing effect. Uses CSS shadow properties to enhance visibility. 📌 ButtonMenu (Interaction Layer)

Captures user selection via Set(SelectedItem, ThisItem). Ensures seamless navigation behavior. ⚠️ Important Considerations 📌 The OnSelect function in ButtonMenu is critical! It updates the selected menu item. Removing or modifying it will break navigation. 🎨 Customizable via ColorThemes – Easily adapt colors and styles for branding. 📱 Fully responsive – Works on different screen sizes due to proportional scaling.

More Snippets from this Author

Page 1 of 0
Loading...

Loading...