Overview of Kinetise Editor, its tools and basic features. You will learn how to move around, add widgets, preview your app, what are the toolsets, what right-click is for and where to search for help. Note: this video is out-dated in terms of the editor look&feel, but all functionalities remain unchanged, so it is advised … Continue reading Basic moves and toolset
Learn how to test and preview your app on web and deploy it to real devices.
Kinetise’s biggest power lies within the LIST widget. When you understand how it works and what it is capable of, you will be able to develop even very complex apps very fast. So stay focused 🙂 LIST widget has been designed to display data. Period. Works best with repeated, structured data. Having said that – it needs … Continue reading MUST READ: Understanding List Widget power
In this tutorial you will learn how to connect your app to existing RESTful APIs. API Specification page at Kinetise Help Center describes all the rules Kinetise-powered app uses when interacting with external systems. It is a key reference when integrating app with custom backends. As a sample backend we will use a test service … Continue reading MUST READ: Integrating Kinetise with any backend
A walkthrough for building a complete enterprise app for field incident tracking.
Each Text widget and Image widget can become a button. All you need to do is to assign any action to it. 1. Add a Text widget or Image widget 2. Switch to EVENTS tab of Widget Properties panel 3. From Actions dropdown, select any action you want, for example to navigate to another screen. … Continue reading How to make a button
Learn how to load and display data from external data sources.
Learn how to build fully custom layouts for your screens and widgets.
Screens are main components of Kinetise application and sooner or later you will have multiple screens in your app. To move between screens you can use many different types of navigation regarding your application design. No metter how this navigation looks like, to go to other screen in Kinetise you use “actions”. You can read … Continue reading Screen animations
To make the application blend better with the system, you can change your phones status bar color to one that matches your application better. There are two places where you can modify this. One is application Skin, that lets you define default appearance for whole application. The other place is screen settings panel, where you … Continue reading Changing status bar color to match your application color scheme.
Learn how to add screens to your app and define navigation between them.
In this tutorial you will learn how to create a popular in mobile applications sidebar menu called a hamburger menu, sliding menu or navigation drawer. It is type of menu, that when opened, slides into the screen and presents list of navigation options. We will start by creating blank app and adding second screen to it … Continue reading Creating a hamburger menu
Start with creating a separate Registration screen. It should not be accessible from anywhere in the app, so remove it from the Navigation by disabling a checkbox in Create App window. Users will navigate to this screen from the Splash Screen, so put Text or Image Widget and set a GoToScreen action there. Add Form widget … Continue reading How to make a registration form?
Kinetise supports multiple login methods. By login we mean both signing-in and signing-up to the application. To add login in your app you should choose Splash screen from your application screens list (left panel). This screen is created as default in each application and cannot be deleted. To add login drag login widget and drop it … Continue reading How to add sign-up with Facebook
Kinetise supports multiple login methods. By login we mean both signing-in and signing-up to the application. To add login in your app you should choose Splash screen from your application screens list (left panel). This screen is created as default in each application and cannot be deleted. To add login drag login widget and drop it … Continue reading How to add sign-up with Google
Sometimes you want to remember user choices inside your application. One way to do it is to send filled forms to the backend server and store it there. However storing every bit of information online is not always optimal. Your application is than dependent on internet connection. Sometimes it is much better to store information directly … Continue reading Saving data in your application
Local Variables enable creating a value in one place of the application and use this it in another section. 1. Add A Text Widget 2. Open a drop-down with a list of variables and tokens, which are available for use throughout the app. Initially “Local Variables” section is empty, so let’s fill it up. 3. Add a … Continue reading Creating and using Local Variables
Forms let you get data from user. You can use it internally in application or send by email or to your backend server. To start building form you have to drag Form Widget and drop it on your screen. By default it has one input view and submit button, but you can customize it and … Continue reading How to add form
Sometimes you want to restrict user choice to range of values or even just force him to fill form fields in. One way to achieve this is a server that verifies form after it is posted. But this can be overwhelming. Much better solution is to validate form locally before it is send to server. Kinetise lets you … Continue reading Form validators
Learn how to enable searching through your app’s data sources.
Learn how to build geolocalization features into your app.
Play sound “Play sound” action allow you to play mp3 audio file (up to 10MB), below is description how to do this. 1. Drag widdget and put in on your screen. 2. In General>Text type in play sound. 3. Go to Events and choose Play Sound action . 4. Add another and and In General>Text type in … Continue reading Play Sound
Displaying data from Google Sheet Firstly, publish your sheet and get public URL address (File -> Publish to web). Now in Kinetise editor drag List widget and drop it in application editor screen. From right menu select “From Google Sheets”. Paste your URL address to a sheet that should be displayed and click “OK”. Editing Google … Continue reading Google spreadsheet as your data backend
Learn how to use IBM CloudantDB as backend for your mobile app.
Learn how to build Salesforce.com-connected applications.
Learn how to use WordPress as backend for your mobile app.