Book Image

Build Customized Apps with Amazon Honeycode

By : Aniruddha Loya
Book Image

Build Customized Apps with Amazon Honeycode

By: Aniruddha Loya

Overview of this book

Amazon Honeycode enables you to build fully managed, customizable, and scalable mobile and web applications for personal or professional use with little to no code. With this practical guide to Amazon Honeycode, you’ll be able to bring your app ideas to life, improving your and your team’s/organization’s productivity. You’ll begin by creating your very first app from the get-go and use it as a means to explore the Honeycode development environment and concepts. Next, you’ll learn how to set up and organize the data to build and bind an app on Honeycode as well as deconstruct different templates to understand the common structures and patterns that can be used. Finally, you’ll build a few apps from scratch and discover how to apply the concepts you’ve learned. By the end of this app development book, you’ll have gained the knowledge you need to be able to build and deploy your own mobile and web applications. You’ll also be able to invite and share your app with people you want to collaborate with.
Table of Contents (20 chapters)
1
Part 1: Introduction to Honeycode
7
Part 2: Deep-Dive into Honeycode Templates
13
Part 3: Let's Build Some Apps

Chapter 4 – Advanced Builder Tools in Honeycode

Exercise 1

This exercise can be completed by following these steps:

  1. On the My Tasks screen, select the segment inside the list and open the Conditional Styling property for it.
  2. Set the WHEN condition using the following formula: =AND (Today() - Tasks[Due date] >= 0, Today() - Tasks[Due date] <= 1).
  3. In the THEN STYLE AS block, we'll use the Custom style and set the fill color to a lighter shade of yellow, with dark yellow borders and large rounded corners to match the default style:

Figure 4.1 – Adding conditional style to a segment inside the lists on the My Tasks screen

  1. Click on the BACK TO PROPERTIES button. The segment will now have two conditional styles defined, as shown in Figure 4.2:

Figure 4.2 – A segment with two conditional styles defined

  1. The result will look like Figure 4.3:
...