Customize the Code

Understand how to customize elements of Ionic components in this lesson.

We'll cover the following

Adding a page

Before we leave this hello-ionic app, let’s do a couple of fun things. How do you think you might customize that page list? If you said, “modify the appPages array,” give yourself a pat on the back! I noticed that there is no Sent Mail page, so let’s create one quickly and see what happens.

Put it right between Outbox and Favorites.

Select the second instance of the word Outbox to Sent Items, and the url to /page/sent. Leave the two icons alone for now. Microsoft Outlook uses that paper airplane icon for sent items. Instead, change the icon for outbox to albumsOutline for iOS and albumsSharp for the MD. Now here’s where it gets fun. As soon as you save these changes, the application will be rebuilt automatically, and the browser will reload to reflect these changes.

If all went well, you should see something like the following:

Create a free account to view this lesson.

By signing up, you agree to Educative's Terms of Service and Privacy Policy