Skip to main content

How to use the input type property in Sketchware

At times you want to control what kind of data a user can put in an edittext field.

If a user inadvertently adds a letter to a field that is supposed to do calculations, this might cause your app to crash. A good way to avoid this is by using the input type filter.

This tutorial will take you through the various input type options and what they do.


Where to find the input type option

On your Sketchware project screen add an edittext to your project. Click on this edittext as shown below to open the properties menu. 

To locate the input type menu, simply scroll to that option  as shown below.


Find the input type property




input type options


The input type property in Sketchware currently has six six options. These are text, number signed, number decimal, number signed number decimal, phone and password. 

Each of these causes your keyboard or edittext field to behave a certain way.

text

This option will allow you to enter text characters which include letters, numbers, symbols and even emojis. When you choose this option your keyboard will look as shown below.

text option


numberSigned

This option only allows you to enter only numerical values and a negative(minus) sign. These are particularly helpful in scenarios whereby users are entering data repetitively...  
numberSigned


numberDecimal

This is similar to number signed but the difference is that it comes with a decimal comma instead of a minus sign. Thus the keyboard will look as shown below if this option is chosen.

numberDecimal


numberSigned|numberDecimal

This is a combination of the previous two... number signed and number decimal. It comes with both a decimal comma and a negative sign.

numberSigned numberDecimal


Phone

This option enables you to enter data that would work when using your phone or ussd. This is a limited combination of numbers, letters and a few symbols. The keyboard will look similar to the one below.

phone


textPassword

This option does not change the keyboard but it hides the contents of the edittext field. This is useful when creating a password field whereby the user can enter their details without worrying what the person beside them will see. When this is enabled it makes your edittext look similar to the one below whenever data is entered.

textPassword

Using the above options you can determine how users enter data in your app. 

I hope you found this helpful and you will use this in your app.

Comments

Popular posts from this blog

Hip hop and RnB songs to apologize to your partner

Love is a beautiful thing, but it often goes wrong. This often leads to pain, suffering and sorrow.  Being imperfect beings, hearts tend to get broken all the time regardless how hard we may try to avoid it.  The heartbreak is often inadvertent but at times we find ourselves in the wrong. An oversight, a word unsaid or even a lapse in our judgement can cause our loved ones harm. This doesn't always have to be the end though. Oftentimes, relationships can be mended by simply uttering three simple words: "I AM SORRY". This article is a collection of some of my favourite 'I'm sorry' songs. I hope you'll enjoy these apology songs, but more importantly, I hope you will get a few quotables and some wisdom nuggets from them.  The best apology however, is to change behaviour (got that from a Jay Z interview) so as you apologize, please remember that it was your actions that hurt them. The best apology is one which involves you not repeating those same mistakes aga

How to easily create background notifications in Sketchware(original)

One of the keys to building a successful app is to find mechanisms that will keep your users engaged. You can do this by using background notifications. This tutorial will show you how to do that in Sketchware. We will cover: 1. How to create notifications in Sketchware 2. How to show these notifications even when the app is closed. We will start by creating a new project. If you do not know how to create a new project please check out this article here. Once we have created our project, let us create a more block to place our code. Navigate to the events menu and then to the moreblock section as shown in the image above. Create a moreBlock. I have created a moreblock with the name "BackgroundActivity" with a boolean variable named "run." See the image below for how to add the boolean variable. Place the following block in the moreBlock Background activity code: moveTaskToBack(_run); That will move our task to the background.  Please note, that at this point we have

Php date: How to get the first and last day of the week

In this tutorial, I'll show you how to get the first and last day of the week in php. By default, in PHP the week runs from Monday to Sunday. However we'll cover two methods to get the first and last day for both those who consider Sunday or Monday as their first day of the week. We will be using 2 functions to achieve this: date() strtotime() We will use a combination of these two functions and store the result in a variable.  How to get the first day of the week If you want to get Sunday, use this method: $firstday = date('l Y-m-d', strtotime("sunday -1 week")); echo $firstday; If you want to get the date for Monday, this current week, use this method: $monday = date('l Y-m-d', strtotime("monday -1 week ")); echo $monday; How to get the last day of the week The following code will give you Saturday as the last day of the current week. $lastday = date('l Y-m-d', strtotime("saturday 0 week")); echo $last