Morfik 3 Update: New animation and transition effects for controls

Morfik 3 further enhances the presentation capabilities of user interface controls with new animation and transition effects.  The rich user interface controls built into the Morfik IDE are among the most graphically striking elements available in development tools today.   Morfik 3 narrows the gap between the skill sets of application developers and graphic artists, and the results are serious web business applications with stunning visual appeal—developed in record time.

I asked Dmitry Medvedev, who is leading the development of these new features, for some technical insight.  Here is what he said:

“Animations and transitions, if used effectively, may bring yet another dimension to the look and feel of your web application. In Morfik 3, we’ve added a set of transition functions that evaluate the steps between the starting and ending state of the object. It can be position, color, transparency, size or any custom property of the object. These functions rely on different mathematical methods of performing calculations, such as linear, exponential, cubic, elastic, etc.

Given the variability in the speed of browsers, each browser may perform differently—substantially affecting the quality of animation.  To counter this, Morfik animations are based on a fixed amount of time to be spent between the starting and ending state. Therefore, transitions will take more steps on faster browsers resulting in a smoother transition in comparison to slower ones (of course this will be a completely different story when we move to HTML5 for native rendering of graphical effects and transition, which hopefully won’t be too far away!)

We use animation systems internally in Morfik xApps to switch between control states. For example, when you move the mouse over a button, it now fades in/fades out within a short period of time which gives the effect of a smooth transition from one state to another.

You can go to to see a demo project of the new engine in action.”

So there you have it.  If you have to spend most of the available development time concentrating on the business logic of the application you no longer need to compromise on the  presentation. Nor do you need to become a professional graphic artist in order to build pleasing and attractive user interfaces.

Please stay tuned for more Morfik 3 updates.

10 Responses to “Morfik 3 Update: New animation and transition effects for controls”

January 22nd, 2017
arturo says:

The result can be displayed on computer’s with mac or linux??

Craig says:

I have to revise one bit about my prior post here… I just found out that the button.down property will work as long as the button.index 0. So I know know that as far as button presentation and appearance goes, Morfik Rocks!

Craig says:

I hope all this improved presentation features will include a way to change a button’s appearance at run time. Color or border color change would be perfect. I know there is a button.down already but I do not seem to know how to use it or tie it to the mouse down style. Also many properties that I can use to help solve my problem like tag and hint do not work from server side to browser side. Anyway I can not wait to be able to really use Morfik for our application – its getting there.

Elton says:

Siamack, take some ideas from Coollite:

imagine something like this in Morfik… wow
i love Morfik and i wanna(and need) it so bad!

Siamack Yousofi Siamak Yousofi says:

@Adam Brett:

On behalf of the Morfik team I thank you for the points you have raised in your comment. We assure you that Morfik focus remains on continuously improving the core product. The real challenge for us (and indeed any software tool vendor) is to decide what items should get the highest priority in terms of our development resources.

Recently we have put a lot of thought into finding a practical way of involving Morfik users, like yourself, in the process of setting priorities for fixing bugs, enhancing the existing features and introducing new ones.

After much thought we have decided to introduce the Morfik Rewards Program where developers can earn reward points by contributing to the user community and in turn use those reward points (amongst other things) to influence the product development priorities.

What this means is that in the future, active users will, individually or collectively, have a direct influence on the development priorities. This of course will be in proportion to their contribution to the community.

Please stay tune for more information on Morfik Rewards Program in the very near future.

Adam Brett says:

This is lovely, but please don’t let flashy graphics stop Morfik from getting the basics right. It is a brilliant framework, but some aspects are still quite shaky.

I know making basic features work is rarely a priority for software developers as it isn’t seen as useful for marketing (look at the 10 years it took Delphi to get its TButton & TEdit class to work properly!) but please don’t get drawn into “chasing the next cool move” with Morfik.

Every software presentation I go to is about how a tool can do the great new cool thing (gesture support, support for the latest internet hype-bubble, etc.), the real users of the tool then stand up & ask whether basic fixes have been made and the techies making the presentation look at their shoes …

The equivalent would be car makers selling cars which won’t start, but which have great sound systems … if the car doesn’t drive I’m not interested in the stereo!

I am really excited about Morfik 3, but I hope the cool new features:
1. Are balanced by real improvements to fundamentals.
2. Are thought through with the care & thoroughness of the rest of the frame work.


Karina says:

Adam Brett, i totally agree with you!

Ivailo Bourov Ivailo Bourov says:

It’s very nice that this is implemented at framework level.
I hope that some effects like moving and resizing can be applied to floating form too.

Elton says:

Please, do a mask to format values on TextEdit, Reports and Editable Continuous Forms on Morfik 3!

Leave a Reply

Fields marked by an asterisk (*) are required.