Posts

Power Apps Modern Menu (Action Dropdown Button)

-
Image
  Overview The Power Apps Modern Menu component provides a configurable dropdown button with action menu items. This sleek and responsive design allows users to customize button properties, including width, name, color, font size, and menu items. Features Configurable button width, name, color, and font size. Dynamic menu items. Responsive and modern design. Easy integration into Power Apps Canvas apps. Technology Stack PowerApps : The platform used to create the application and design the user interface. How to Use Add the component to your app. Configure the ActionItems property with a table of menu items: Modify the properties using Power Apps formulas Table( { MenuName: "Action 1", MenuIcon: "Icon1" }, { MenuName: "Action 2", MenuIcon: "Icon2" } ) Set ButtonName to the desired label, e.g., "Options". Adjust FontSize and AutoWidth as needed. Use ButtonOnSelect to define custom logic for menu actions. Screenshots     Regards - Sha...
Post a Comment
Read more

Fully Customizable Responsive Popup Spinner Component for Power Apps

-
Image
  Overview This component is fully customizable and responsive popup spinner for Power Apps. It works seamlessly across mobile, tablet, and desktop screens. This component allows you to display a loading indicator with a customizable spinner image and text while performing background operations. Features Fully responsive design for mobile, tablet, and desktop Customizable spinner image (changeable via App formulas) Adjustable dialog width and height Custom wait text message Built-in visibility control Supports shadow and padding configurations Technology Stack PowerApps : The platform used to create the application and design the user interface. How to Use Import the COM_WaitTimer component into your Power Apps project. Place it in the required screen. Modify the properties using Power Apps formulas COM_WaitTimer.WaitText = "Loading... Please wait." COM_WaitTimer.spinnerImage = "[Your Spinner GIF URL]" COM_WaitTimer.DialogWidth = 300 // Adjust as needed Use the ...
Post a Comment
Read more

Fully Customizable Responsive Modal-Popup Component in Power Apps

-
Image
  Overview This reusable Power Apps canvas component that provides a modal or non-modal dialog box with two configurable buttons (Primary and Secondary). This component allows customization of the header, body text, visibility settings, and button properties. Features Configurable header and body text Modal and non-modal support Primary and Secondary button customization Close button support Dynamic width and height adjustments Uses Power Apps HTML Viewer to auto-adjust button widths based on text length Technology Stack PowerApps : The platform used to create the application and design the user interface. Screenshots     Credits to :  The Power Apps Guy Regards - Shashika Hettiarachchi ❤️
Post a Comment
Read more

Building a Top Navigation Menu Component in Power Apps

-
Image
  Building a Top Navigation Menu Component in Power Apps Overview This is a Power Apps custom component designed to create a responsive and customizable top navigation menu. It supports nested submenus, company branding, and theming for enhanced user interface design. Features Dynamic Menu : Supports main menu items and nested submenus. Company Branding : Includes options for company logo and name. Customizable Theme : Offers configurable colors and styles for the menu and submenus. Responsive Design : Automatically adjusts based on screen width. Event Handling : Provides navigation and submenu toggle functionality. Technology Stack PowerApps : The platform used to create the application and design the user interface. Component Properties 1.  cusPropCompanyDetails Type : Record Description : Defines the company branding details. Structure : ={ CompanyName: "Your Company Name", CompanyLogo: 'MediaFileReference' } 2.  cusPropCompanyDetails Type : Table Description :...
Post a Comment
Read more