<aside> ✅ Link to plugin page: https://zeroqode.com/plugin/customize-refresh-to-update-bar-plugin-for-bubble-1689612180339x522746790104884800
</aside>
<aside> ✅ Demo page: https://ezcodedemo3.bubbleapps.io/version-test/custom_refresh
</aside>
<aside> ✅ Bubble Editor: https://bubble.io/page?version=test&name=custom_refresh&id=ezcodedemo3&tab=tabs-1
</aside>
Customize the default refresh to update alert bar. With flexible css styles it can be customised to the style of your app or anything else. You can customize the default bubble bar or use RefreshBar AlertBox element to replace it with an alert box that contains a button. Only CSS is used, no js scripts.
This plugin has two visual elements which can be used on the page: RefreshBar Styles and RefreshBar AlertBox.
Customise default CSS styles for the default Bubble refresh bar.
| Title | Description | Type |
|---|---|---|
| Bar background color | The background color for the refresh bar. | Color |
| Padding | The padding for the refresh bar. | number |
| Full page size | Extend the bar on the full page height and width. Text will be in the center | Checkbox |
| Custom width | In pixels. Leave empty if you want it full width as default. | number (optional) |
| Bar position | The place of the bar on the page. | Dropdown |
| Dynamic text | The original text will be replaced with this one. If you don't need it, leave it empty. | text (optional) |
| Run from workflow | Apply styles from workflow only. This is useful when you want different refresh bar styles for different situations. Leave uncheck if don't need it, styles will be applied automatically in that case. | Checkbox |
<aside> ☝ To use the actions below, set the “Run from workflow” checkbox to true from the element.
</aside>
Set refresh style - Set the style for the refresh bar from the workflow.
Show refresh bar - Display the refresh bar on the page.
