Basic samples

[itg-assistant]

Adrian Zagar asked 2017-01-17 09:11:47 UTC

Hello,

I'm a newbie on wisej (I'm comming from Visual Webgui). Seems stupid, but is there any simple sample on using animation control?

I saw samples on using specific features of wisej, but few or none on using basic controls.

Thanks,

Adrian

[itg-assistant]

Luca answered 2017-01-17 18:36:50 UTC

Do you mean the animation extender?

See attached sample. It shows a page with 2 animation extenders. When you add an extender, all controls on a container gain new properties. In this case you will see that all controls now have 2 (because I added it twice) new "Animation" properties. You can select the type of animation and the event that triggers it. You can also run an animation programmatically using this.animation1.Run(control).

There are few predefined animations. You can add custom animations to the CustomAnimations collection on the animation extender. There is a bug now that prevents the serialization of the custom animation by the designer - it will be fixed in the next release. But you can add custom animations by code. See the sample attached.

I have added the "Splat" animation from this key frame generator: http://bouncejs.com/ You can use any css3 frame generator, however the CSS3 notation has to be changed to a JSON notation for Wisej to use it.

HTH

[itg-assistant]

Adrian Zagar answered 2017-01-18 04:36:05 UTC

Hi Luca,

Yes, that's exactly what I asked for. Thank you! I has locked in the point I was not able to change animation name from GUI.

Please help me in another 3 issues (you know, the first steps are the hardest; I promise that in 1 months I'll have much more difficult ones but less often):

• I tried to "embed" an external part from http://89.121.200.234/buble/ into a webbrowser in wisej. Nothing happens. For more... static external address it is working. Can you guide me what is wrong and what are the limitation of webbrowser control?

• on Visual Webgui was easy to use visual effects to get rounded corners and border shadows for (almost) any control. Is there any way to accomplish that result in wisej?

• In Visual Webgui (again) there were some "standard" predefined themes (office 2013, facebook, etc) that could be used directly or easily derived and modified. Do you have that here?

Thank you,

Adrian

[itg-assistant]

Luca answered 2017-01-18 16:21:09 UTC

See answers below:

• The WebBrowser control can show any web site that can be shown in an IFrame. The URL you posted has a problem with the CSS, it hides the element when the width is lower than 978px. If you resize the browser while showing your URL it will disappear. It is not related to Wisej, it's the wrong css on your site. If you set the WebBrowser control wider than 978 you'll see the element.

• With Wisej you can easily add mixin themes and/or use the full power of CSS3. I have attached the updated sample using the StyleSheet extender and Rotation extender. You can also try it here: http://demo.wisej.com/apps/animation. With Wisej there are virtually no limits.

• You can find the themes here https://wisej.com/themes and use the ThemeBuilder which lets you also theme a running application: https://docs.wisej.com/theme-builder/.

HTH