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