smLoader 2.0 Updated..

#1 · July 22, 2025, 9:32 am

Hi..

This is smLoader 1.0

Is a commercial plugin. You can test it here

If you like to buy check the info..

Plugin Features

Core Functionality:

Displays a global, full-page overlay to block user interaction during processing.
Invoked with the smShowLoader(...) function.
Dismissed with the smHideLoader() function.
Automatically disables page scrolling while active to maintain user focus.

Full Customization via Parameters:

Animation Style (loaderType): Choose from an extensive library of 14 distinct animation styles.
Custom Message (message): Display a message below the animation. Supports HTML for advanced formatting (e.g., Loading...).
Message Color (messageColor): Set a custom color for the display message.
Auto-Hide Timer (duration): Set a duration in milliseconds for the loader to hide automatically. A value of 0 or an empty parameter disables the timer.
Background Color (backgroundColor): Define any solid color for the full-page overlay.
Primary Loader Color (primaryColor): Set the main color of the animation graphic.
Secondary Loader Color (secondaryColor): Set the accent color for two-tone animation styles.

Extensive Animation Library (loaderType options):

double-ring (Default)
3d-spin
clock-wipe
multi-ring-spin
pulsing-circles
two-tone-spinner
swapping-balls
battery-charge
spinning-dots
transparent-disc
bar-wave
keypad-flash
yin-yang
text-only (Hides the animation, displaying only the message)

Enhanced User Experience & Accessibility:

Instant Appearance: The loader appears immediately with no entry-animation, providing a sense of responsiveness.
Smooth Dismissal: Fades out gracefully when hidden.
Screen Reader Friendly: Implements proper ARIA attributes (role="status", aria-busy="true") to inform assistive technologies that a process is running.

luishp, Vadim and CDY@44 have reacted to this post.

#2 · August 7, 2025, 4:26 pm

@smartmedia hola

donde puedo comprarte este plugin?

Otra consulta, el loader que crea tu plugin se mantiene si cambiamos de pagina, ejemplo si lo activo antes de salir de una pagina y lo quiero sacar al entrar en otra

#3 · August 7, 2025, 5:52 pm

@gustavo1973

you can purchase it by paypal, check the info here

The license is for all your project and pages you create. Yes, you can show up the loader do what ever you want and when you finish simply you run smHideLoader

and the loader is gone.

#4 · August 23, 2025, 5:53 pm

smLoader 2.0

smLoader is been updated.

9 new effects added..

rolling-ball
kaleidoscope-spin
square-chase
conic-chase
petal-burst
framed-lines
pill-slider
heartbeat
clock-hands

You can test it here If you like to buy check the info..

luishp and Vadim have reacted to this post.

#5 · September 4, 2025, 4:54 pm

@smartmedia

Hola, ahi te compre la licencia, tu me lo envias al correo al plugin?

Que otros plugins tienes , donde los puedo ver?

smartmedia has reacted to this post.

#6 · September 4, 2025, 6:15 pm

Hi @gustavo1973

Please check your mail..

If you scroll this section you can see all the plugin i have upload, free and commercial. Thanks for your purchase. If you need any help don't hesitate to ask..

Thanks

#7 · September 4, 2025, 7:19 pm

@smartmedia

Estoy probando tu plugin y tengo algunas dudas

el comando "smActivateLoader" siempre tiene que ir antes de llamar la accion del loader o puede ponerse en los eventos al arranque de la aplicacion por unica vez?

otra pregunta, al ejecutarlo se puede no tener un color de fondo en el loader, que se vea la pagina de la app por detras? algo asi como tranparente,

y noto tambien que si tengo paginas modificadas en tamaño para diferentes resoluciones el loader no se adapta al tamaño de la pàgina, se ve de un tamaño determinado sobre la esquina izquierda superior.

En mi caso en la app que lo probe tengo dos paginas configuradas en diferentes tamaños, para pc y para movil, lo hize desde Propiedades >Styles:

#Menu_a{
  width:1280px;
  height:800px;
}

y la resolucion nativa de la app es 320x480 y estaria bueno poder adaptar el loader a estos tamaños

#8 · September 4, 2025, 8:54 pm

@gustavo1973

Does the "smActivateLoader" command always have to go before calling the loader action or can it be placed in the application startup events for the first time?

Yes, you can place it on start-up event only once.

Another question: When running it, is it possible that the loader doesn't have a background color that would allow the app page to be seen behind it? Something like transparent.

I have put fallback colors in case the user isn't select one. The principal of Loader is to present a curtain in order all the element of the page to be loaded before is show up. If you remove the color the result is bad, the animation doesn't have background and if you have elements underneath the loader will not look good.

and I also notice that if I have pages resized for different resolutions, the loader does not adapt to the size of the page, it appears to be a certain size on the top left corner.

When you start the loader page has certain dimensions and is drawing accordingly, now when you change dimensions when the loader is running is that cause the problem.. I will investigate the possibility.

smLoader 2.0 Updated.. - Forum

smLoader 2.0 Updated..