Pro Inputs
Elevate Your Bubble App with Advanced Inputs
Laiba Qaisar
Last Update 1 年前
1. Pro Radio Button: Easy and fun customization of radio buttons.
2. Pro Checkbox: Fully customizable with options for icon border, colors, and Yes/No result.
3. Advanced Searchbox: Rank search results across database fields for a refined experience.
4. Star Rating: Fully customizable star ratings for feedback and content ratings.
5. Pro Multiline Input: Includes All Caps, Blacklist Words, Prevent/Block Paste and Blacklist Characters features.
6. Pro Dropdown: Search and filter options within the dropdown for better selection.
7. Pro Text Input: Supports All Caps, Blacklist Words, Prevent/Block Paste and Blacklist Characters.
Pro Inputs enhances your app with powerful, customizable inputs to improve user interaction while maintaining compatibility with Bubble’s native features.
The Pro Inputs Plugin provides a collection of advanced input elements for enhancing your app’s functionality and user interaction. Below are the instructions for using each component:
1. 🎯Radio Button
- Add the Element: Drag the Radio Button element onto your page.
- Customize: Use the property editor to easily modify the appearance of the radio buttons, including size, style, and color.
- Integrate with Workflows: Trigger actions based on the radio button selection, such as displaying messages or updating values in the database.
2. ✅Pro Checkbox
- Add the Element: Place the Pro Checkbox on your page.
- Customization: Customize the checkbox icon, border, colors, and set the result as a Yes/No value.
- Connect to Workflows: Use the checkbox value in workflows to trigger actions, such as showing or hiding elements based on the checkbox state.
3.🔍Advanced Searchbox
- Add the Element: Drag the Advanced Searchbox element onto your page.
- Configure Search Fields: Define the database fields for the search to rank results across.
- Test: Preview the search results to ensure they are ranked according to your preferences.
4.⭐Star Rating
- Add the Element: Place the Star Rating element wherever user feedback or content ratings are needed.
- Customize: Modify the number of stars, their size, and color to match your app’s theme.
- Workflows: Capture the star rating value in workflows to trigger actions like saving feedback or performing other tasks.
5.📝Pro Multiline Input
-Add the Element: Drag the Pro Multiline Input onto your page.
-Enable Features: Use the property editor to enable All Caps, Blacklist Words, Prevent/Block Paste, and Blacklist Characters for input control.
-Customize: Adjust the appearance and set character limits or validation options as needed.
6. 📂Pro Dropdown
-Add the Element: Place the Pro Dropdown on your page.
- Set Data Source: Choose between static or dynamic options for the dropdown list.
- Enable Search: The built-in search functionality allows users to filter options easily.
- Customize Appearance: Adjust size, font, and other visual properties to match your design.
- Workflows: Use the selected dropdown value in workflows to update user data or trigger actions.
7. ✏️Pro Text Input
- Add the Element: Drag the Pro Text Input onto your page.
- Enable Features: Activate All Caps, Blacklist Words, Prevent/Block Paste, and Blacklist Characters for enhanced input control.
- Customize: Modify the input field’s style, placeholder text, and validation settings.
- Workflows: Capture the text input value in workflows for further use, such as saving or processing the data.
💡 By following these instructions, you can easily implement and customize the Pro Inputs Plugin to enhance the user experience and functionality of your Bubble app.