Home/Graphic Effects

All In.de interface components are designed to manage animations in order to provide applications with an attractive, modern look&feel and without any layout burdens. Try out the experiments illustrated below by operating the application to see them in action. Use the experiment selector to try out for yourself the graphic effects of the applications.

Opening effect Menu effects Form effects Panel effects Modal Pop-up forms Tree effects Tabbed view effects Report effects Highlight effects

Initialize framework...

Opening effect: press the refresh button in the browser to load the page again. When component loading is completed, the initial form is displayed through a fade effect. Click here to go to the next experiment.

Menu effects: open and close the menu items to see the fold effect. Hide the whole menu toolbar by clicking the left button on top and see the scroll effect. Click here to go to the next experiment.

Form effects: open two different forms such as Products and Employees and pass from one form to another moving through the form list. The scroll effect gives you the idea of one single sheet where all forms are contained. Click here to go to the next experiment.

Panel effects: open the Products form and pass from a list view to a detail view by pressing the button. The scroll effect adds on to the properties of this effect. Click here to go to the next experiment.

Modal pop-up forms: open the Products form, unlock the panel by pressing the button, then click on the button inside the Supplier Name field. Click the button to exit the form. Click here to go to the next experiment.

Tree effects: open the Category Tree form and expand the nodes to see the fold effect on the tree nodes. Click here to go to the next experiment.

Tabbed view effects: open the Orders form and change tab in the tabbed view. The horizontal scroll effect to move between pages is really effective. Click here to go to the next experiment.

Report effects: open the Employees form and press the button to print. Operate the reports toolbar to back forward and back through the pages. The horizontal scroll effect conveys the impression of browsing through the pages of a book. Click here to go to the next experiment.

Highlight effects: most of the buttons in the form support highlight and press effects. Try out the menu or toolbar to see the panels in action.