Custom App Refresh Bar Plugin

Introduction

Customize Your Apps Refresh Bar. The free version allows for an image of your specified size, allows for animations, text, logo's to appeal to your Style.
Have a play and see what you can come up with. Drop the element on your pages, choose an image and size in px and you're set, stylize the color, size of the bar etc.

How to setup

  1. Place the plugin element on the page where you want to style the refresh bar.
  1. Set the parameters you need.
  1. Open the page where you posted the element
  1. Make any changes in the page editor
  1. Go back to the page
Image without caption

Plugin element proprieties

This plugin has 1 visual element Refreshed which should be used on page.
Image without caption
Proprieties fields:
  • Image: You can upload any image or gif for display in the refresh bar
  • Image Height: Image height in px
  • Image Width: Image width in px
  • Show the text?: The checkbox to display (or not) text in the refresh bar
  • Refresh bar opacity: Specifies the opacity. From 0.0 (fully transparent) to 1.0 (fully opaque)
  • Refresh bar height: The refresh bar height will increase by the specified number
  • Refresh bar color: The refresh bar will be in the specified color
  • Refresh bar text color: The text in the refresh bar will be in the specified color (if any)

Changelogs

Update: 12/29/2020 –
Plugin improvements:
  • ​Added new plugin element proprieties
  • Improved performance
  • Optimized the code

Demo to preview the settings