ui uniGUI DOES humane.js (updated)

[Fred Montier]

uniGUI DOES Humane.JS (Updated)

>>Why humane.js:

A simple, modern, framework-independent, well-tested, unobtrusive, notification system.
Utilizes CSS transitions when available, falls back to JS animation when not available. Includes mobile support and tested OK on uniGUI.

It's not a component, just classes calling procedures hence no future problems with uniGUI and Ext.JS updates.

You can work with no worries in Desktop and Mobile (Android e iOS) and is very simple to use IN your current projects and get read of ShowMessages and Messagedlg with more style and nice UI.  

See Humane.ShowMessage ( mytext, theme, style). I create this procedure to facilitate showmessage replacement and usage.  

>>Supports and compatibility:

Internet Explorer 7+
Firefox 3+
Chrome 9+
Safari 3+
Opera 10+
iOS 4+
Android 2+

Uses CSS Transitions where available otherwise falls back to JS animation, degrades gracefully.

>>How to use in uniGUI

1-Declare in ServerModule.CustomFiles
files/humane.js
files/themes/human.css
files/themes/libnotify.css
files/themes/bigbox.css
files/themes/boldlight.css
files/themes/jackedup.css
files/themes/original.css
files/themes/flatty.css

2- Declare humanejs at USES clause of your unit.
3- See main example Desktop or Mobile.
4- Same code works the same in Desktop and Mobile.
5- This example also contains Mainm Form for your tests.

>>This version is updated to the latest humane.js

a. New themes.
b. Procedures refactored to Delphi code.
c. and I added some new codes to the original since it had some major changes to make easy theme selection, style etc.

See procedures in humanejs.pas on Mainform.

>>This code is originally based on zilav post, see:
http://forums.unigui.com/index.php?/topic/1808-humanejs-notification-system-for-unigui/

Project available at https://www.unigui.express

[Abaksoft]

Thank you Fred for your effort and  time.

Very interesting.

 

[herculanojs]

The Click to Close param does not seem to behave as expected. Even checked the message is closed after a while.
The same situation with the Wait for mouse move and autoclose after param.

[Fred Montier]

You have to start the parameters as the theme as well.

See code in Delphi and JavaScript.