Ionic Framework MCQ's

1. Which of the following is not a in-built Ionic template.

   View Answer   

   NAVIGATION

2. Which of the following files has the ionic styles?

   View Answer   

   ionic css

3. Which of the following files contains all required JS files for Ionic and Angular?

   View Answer   

   ionic.bundle.min.js

4. Which of the following folders contains icons in Ionic?

   View Answer   

   fonts

5. Which of the following statement is not true about the IONIC framework?

   View Answer   

   It is built on top of Cascading, Scalding, C++ and NodeJs

6. Which of the following includes device APIs that allow accessing native device features like camera or maps?

   View Answer   

   CORDOVA

7. Which of the following classes can be used to create a button that occupies the entire width of the screen?

   View Answer   

   button-block

8. Which of the following tags display a button with rounded corners?

   View Answer   

   both the options

9. Which of the following classes can be used to group a set of items in a List?

   View Answer   

   item-divider

10. Which of the following classes can be used to create margin of certain number pixels around the list items?

   View Answer   

   list-inset

11. In a responsive Grid, which class, breaks the row of columns, when the window size is smaller than portrait tablet?

   View Answer   

   responsive-md

12. Which of the following CSS components are best to create a News App that displays a picture, caption with short description?

   View Answer   

   Cards

13. Which of the following classes defines the footer?

   View Answer   

   bar footer

14. Which CSS component is ideal for creating top navigation for a mobile app? 

   View Answer   

   tabs

15. Ionic Grid system is responsive by default.

   View Answer   

   True

16. Which of the following components uses "CSS Flexible Box Layout"?

   View Answer   

   grid

17. Cards can contain.

   View Answer   

   all 

18. Adding which of the following classes to the content, makes space for the header.

   View Answer   

   has-header

19. Which of the following interaction modes can be enabled by using ionList and ionItem directives?

   View Answer   

   all

20. Which of the following services can be used to trigger an Action Sheet?

   View Answer   

   $ionicActionSheet

21. Which of the following directives can be used to enable the "pull to refresh" functioality?

   View Answer   

   ion-refresher

22. What is the ionic directive that can be used for creating a tab bar?

   View Answer   

   ion-tabs

23. Which of the following components is a multi-page container where each page can be swiped or dragged between?

   View Answer   

   ion-slides

24. Which of the following directives can help in using Ionic custom Scroll View, or the built in overflow scrolling of the browse?

   View Answer   

   ion-content

25. hich of the following is a slide-up pane that lets the user choose from a set of options?

   View Answer   

   Action Sheet

26. What is the command for running an app in IOS emulator?

   View Answer   

   ionic emulate ios

27. CLI is an extension of _________.

   View Answer   

   Node.js

28. In Ionic CLI, which of the follow commands can be used to automatically monitor changes in the file system?

   View Answer   

   ionic serve

29. CLI is based on _____

   View Answer   

   CORDOVA