Skip to content

Category: Tutorials

tutorials, longer instructional posts, how to’s

Web: Create Sliding-Animated Menus

Published January 30, 2019 by Javier Menendez

Sometime ago a Xojo user asked if it is possible to use Xojo Web to create the kind of animated menus seen in several regular websites. After some investigation (and the invaluable help of Greg O’Lone), the answer is: yes, you can do that! If you are interested in seeing how to achieve this, continue reading!

Continue readingWeb: Create Sliding-Animated Menus
Comments closed

Animating the Web: Fading Images in-out

Published December 19, 2018 by Javier Menendez

This tutorial will show you how easy it is to create animations on components of Xojo web apps, thanks to the use of the Style Editor and the WebAnimator class. Learn how to do a fade effect between two images that you can expand and adapt to your web apps.

In order to recreate this fade effect we’ll mainly use a couple of styles (WebStyle class) to set the initial status for each one of our images (instances from the WebImageView class). These will be overlaped in the web page, sharing the same position. Then we’ll add a button to the web page so it will fire the animation every time it is clicked.

Continue readingAnimating the Web: Fading Images in-out
Comments closed

Tutorial: Saving WebCanvas Images to Disk

Published October 11, 2018 by Javier Menendez

The WebCanvas control is used for drawing graphics in web apps. It takes advantage of the HTML5 Canvas making it fast and powerful. Sometimes is can be useful to be able to save the graphics drawn in the WebCanvas to an image file, but unfortunately there is no built-in Xojo method to do this.

However, by using a little JavaScript you can easily add this capability to Xojo.

Continue readingTutorial: Saving WebCanvas Images to Disk
Comments closed

Tutorial: Active Words

Published July 31, 2018 by Javier Menendez

Follow this tutorial to learn how to create active (clickable) words in a text of a TextArea control using the OOP Delegate design pattern, which allows you to dynamically change how your app will react when the user clicks on any of these active words. Best of all, this is cross-platform, so you can use it for macOS, Windows and Linux deployments!

Continue readingTutorial: Active Words
Comments closed
iOS Tutorial: Shorten that URL!

iOS Tutorial: Shorten that URL!

Published September 20, 2016 by Javier Menendez

In this Xojo tutorial we will see how simple it is to make an iOS App that shortens an entered URL using the public API of Bit.ly. We will use our own subclass inherited from Xojo.Net.HTTPSocket, and the Declare statement in order to use some functions and methods found on the native Cocoa Touch API. In fact, the use of Declare is mandatory because with the new Xojo Framewok we don’t yet have access to the EncodeURLComponent function available with the old framework. This one is a big help in substituting any ilegal character with his hexadecimal value for the final URL’s composition.

Continue readingiOS Tutorial: Shorten that URL!
Comments closed