In this chapter you got to know all the high-level building blocks of the Ionic frame-work called components.
And did you notice? In this chapter, you’ll find all the components in alphabetical order. So it’s a good place to look up here if you need it.
Now you know how to use the typical controllers like ActionSheetController, Alert-Controller, ModalController and PopoverController. You can visualize the progress of processes via Progress Indicators. You can design attractive lists with headers, di-viders and thumbnail images, layout with the Grid component, build slideshows and create awesome app pages with Badges, Cards, Images and much, much more.
Congratulations – you’ve come a long way!

Any remarks or questions?

6 comments

  1. Tarcísio

    Reply

    In the original database it contains a region called “The Seven Montains”, it has an icon called “ios-analytics”. This icon does not exist (404).

    • Andionic

      Reply

      Thx for this hint. You took the older “Regionen” (there’s a newer one called “Regions”).
      I fixed the older data area, too. The icon set is updated from time to time, see ionicons.com.

  2. Tarcísio

    Reply

    In unit 6.6 on page 194 was added a FAB button, but, it doesn’t display.
    The weird is that there is no error on console, simply in-fab not work.
    How I can solve it?

    • Andionic

      Reply

      They changed the display behavior of a FAB. You can’t place it into ion-footer any more, you should place it into ion-content instead (and perhaps use the edge attribute to place it on the edge of a footer).

  3. Jay

    Reply

    I made a mistake somewhere in my code and although it doesn’t cause errors in the console, the app is missing features and is broken. I have tried to install your source code, but am unsure what is necessary to import the code. When I run npm i, I get the following error. Can you please provide a suggestion as to how to import your code? Also I have a hunch that the code samples you provided only encompass up to chapter 5 if I’m not mistaken. Is it possible to get code for all the chapters?:

    G:\Documents\Coding\Ionic 5 Book\05\05\5.9\src>npm i
    npm WARN saveError ENOENT: no such file or directory, open ‘G:\Documents\Coding\Ionic 5 Book\05\05\5.9\src\package.json’
    npm WARN enoent ENOENT: no such file or directory, open ‘G:\Documents\Coding\Ionic 5 Book\05\05\5.9\src\package.json’
    npm WARN src No description
    npm WARN src No repository field.
    npm WARN src No README data
    npm WARN src No license field.

    up to date in 0.382s
    found 0 vulnerabilities

    • Andionic

      Reply

      Hey, in the download area you can still find the code to all chapters. If your project is completely broken, I suggest the following:
      1. Create a completely new Ionic project.
      2. Install any necessary plugins.
      3. Simply replace the src folder with the downloaded one. No installation with npm!
      Good luck!

Leave a Reply to Andionic Cancel reply

Your email address will not be published. Required fields are marked *