Help Center

How to Customise the Position of the Widget Icon? 

You can customise the position of your widget icon in two ways to enhance its placement within your application. Here are two primary methods to achieve this:

1. Using the Widget Settings Menu

• Navigate to the widget settings in your Beamer dashboard.
• In the settings, find the option to select the widget’s position.
• Click on the dropdown menu to view available position options such as top, bottom, left, and right.
• Choose your desired position, and the widget will automatically adjust to the selected placement.

2. Adjusting the Notification Bubble Offset

• Customise the widget’s position further through the notification bubble offset settings.
• Specify precise positioning by entering pixel (PX) values for the widget’s placement.
• Modify the top, right, bottom, and left values to position the widget exactly where you want it on the screen.
• This method allows for fine-tuning, ensuring the widget does not interfere with other elements of your application’s UI.

3. Using Custom CSS

• Local CSS Customization: You can also customize the widget’s position using your local CSS styles.
• Target Widget Elements: Use CSS selectors to target the widget’s elements and apply styles like position, top, left, right, and bottom to adjust its placement according to your design needs.