Creating a Notepad App in Adalo

Soliudeen Ogunsola
Dec 20, 2019 · 4 min read
Image for post
Image for post

In this tutorial, you will learn how to build a Notepad app in Adalo. Adalo allows you to build apps on an intuitive drag-and-drop interface, either by using pre-made design elements or by creating your own. It takes the headache out of publishing your apps to the Android or Apple stores — with a subscription plan, it allows you to easily publish your apps.

When you’re finished, you should have a solid knowledge to create apps with features such as:

  • Basic understanding of how forms work in Adalo.
  • A list component that syncs across devices when new data has been added.
  • Linking to a new screen with a button component in Adalo.
Image for post
Image for post

Setting up the app Database

1. Create a new database collection,

2. Set the name to ‘Notes’

3. Add a new property as content.

Image for post
Image for post

Customizing the App

  1. Create a new app in Adalo, set the app name as Notepad App, select a blank template and choose the brand color of your choice.
Image for post
Image for post

2. Add a new screen with an app bar, name the screen ‘Notes’, disable the left icon on the app bar.

Image for post
Image for post

3. Add a new custom list and drag-and-drop into the app screen you created earlier. Set the custom list component to be the list of notes in the database, delete the title text label in the custom list and leave the subtitle text label since its only property available in the database which is the content property.

Image for post
Image for post

4. Set the item spacing of the custom list component to 14 and open the style editor to change the font size of the subtitle text label so as to make it readable and bigger.

Image for post
Image for post

5. Link the subtitle text component with the content property in the database through the magic text icon with the Current Notes > Content parameter.

Image for post
Image for post

6. Add a toggle button component, set it to link to a new screen with form and name the new screen as ‘New Note’.

Image for post
Image for post

7. Link the form database collection to ‘Notes’ and change its action to ‘Create New Note’.

Image for post
Image for post

8. Change the form field label to ‘No notes’ and the placeholder text for: ‘Enter your notes… ‘ and also the input type to multi-line so as to ensure it contains as more contents as possible.

Image for post
Image for post

9. Preview your app for testing and share it with your family and friends.

Demo: https://previewer.adalo.com/3a00b6a6-ef70-45b0-9f54-f2ab2f985708

Image for post
Image for post

Conclusion

In this tutorial, you have learned how to build a notepad app in Adalo without writing a single line of code.

With Adalo, you can easily create visually stunning apps using drag and drop expert-designed components or make your own in which you’re in complete control of the design.

Visual Developer Space

Fun tutorials on visual development and design

Sign up for Visual Developer Space

By Visual Developer Space

Fun tutorials on visual development and design Take a look

By signing up, you will create a Medium account if you don’t already have one. Review our Privacy Policy for more information about our privacy practices.

Check your inbox
Medium sent you an email at to complete your subscription.

Soliudeen Ogunsola

Written by

Product Designer — Building designplate.xyz. Passionate about making tools accessible for Creative Minds 👉 https://twitter.com/WebMaye

Visual Developer Space

Fun tutorials on visual development and design

Soliudeen Ogunsola

Written by

Product Designer — Building designplate.xyz. Passionate about making tools accessible for Creative Minds 👉 https://twitter.com/WebMaye

Visual Developer Space

Fun tutorials on visual development and design

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store