Sample Source Code:
Cards are used to highlight the display of any content in the page. Information can be displayed in an organized manner. Cards are nothing but a CSS component. Let's take a concept of displaying any important article in our page.
Sample Source Code:
An ionic search bar can be created to bind to a model so that when ever there is any change in that element will emit an input change. (ionInput) attribute callback will be triggered. In this below example we are going to create a search page to list a list of topics that can be filtered using search bar
Add below code in .html file
In Drupal core the function drupal_add_css() help us to achieve adding CSS for a specific pages. The CTools modal popup will not support core drupal_add_css() functions. We have to use CTools functions for adding CSS files to modal window. The function ctools_add_css() will help to adding CSS files into modal popup windows. The function accepts filename, Module name and path for adding the CSS file.
In Drupal core the function drupal_add_js() help us to achieve adding JS for a specific pages. The CTools modal popup will not support core drupal_add_js() functions. We have to use CTools functions for adding JS files to modal window. The function ctools_add_js() will help to adding JS files into modal popup windows. The function accepts filename, Module name and path for adding the JS file.
The CTools is the plugin that helps to achieve popup content in Drupal. Not only the content and pages we can render forms in CTools. The below is the example will demonstrate about create a form in CTools modal popup window.
The CTools module helps us to implement popup functionality in Drupal. Using CTools modal popup we can create Custom pages, forms, blocks into popups. The below example will demonstrate creating simple Modal popup page with sample code.
We are going to use "ion-refresher" which comes by default in Ionic. This can be achieved by adding the "ion-refresher" as a child to the "ion-content" HTML. Create a callback function for "ionRefresh" at the respective typescript file. The pulling icon and the spinner is provided by default at the refresher.
Adding a menu-tab link is quite easy. Here i am going to add a “who’s Online” menu link link to the menu-tab under “admin/content” using views.
Adding a page in Ionic 2 is quite simple, use the following command, where, codeexpertz is the page name. Once this is run, a folder "codeexpertz" will be created under pages folder, which contains following three files.