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?

8 comments

  1. Bjørn

    Reply

    The details pictures of the phone on page 198 (Kindle 6.11 Grid chapter) show the whole screen. On my solution only half the screen shows (there is a white area between the Options button and the bottom edge of text area) and I have to scroll down indide the text area to see all the chips. How can I solve this problem?

  2. 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.

  3. 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).

  4. 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 comment

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