Awesome Forms is Siberian CMS Module which allows admin to create any customised Form which is easily searchable, sortable , editable from Mobile App. Optionally supports Pie chart report.

App users or team members who have access to mobile app can add/edit any data and can see their own progress report.

Team Leader or frontend Admin can see combined or individual report of team members.


  • Create customized forms field similar to Forms Module
  • Pie Chart report automatically generated if your fields has the Select Box
  • Easy data grid for frontend user to sort/filter their data
  • Frontend Admin can see report/data of every user.
  • Logged in user can see only their own data/report.
  • Complete Update history maintained – module stores every change in data which can’t not be deleted.
  • Creating Multiple Awesome Forms in single App is allowed
  • Complete Translation available
  • Access Roles Supported
  • Download All the data in CSV format
  • Complete Translation available
  • Access Roles Supported
  • Digital Signature and location/address/phone field along with all other fields of basic form
  • QR/Bar Code Scanning Field


Use Cases:

Every business have custom data which needs to be processed and presented to in easy way so that business owners know the exact status of their business and  can take important decisions.

This module can be used in

  • Sales Pipeline Tracking
  • Mini CRM
  • Data Collection
  • Recruitment or any Process tracking
  • Simple Order Management
  • And much much more can be tweaked in so many use cases



Video Tutorial

Customising Look and feel – Watch Video

You can copy past below code in your app editor css section if you want to customize Awesome forms or use this code as reference for other pages customization

//hide graph

ion-view[state="awesomeforms-list"] .item-custom img {display:none};
ion-view[state="awesomeforms-list"] [class="item item-custom item-select"] {display:none};

//hide field lable on top of table
ion-view[state="awesomeforms-list"] .list:nth-child(2) {display:none};

// hide table data

ion-view[state="awesomeforms-list"] [class="table container ng-table"] {display:none};
ion-view[state="awesomeforms-list"] [class="ng-table-counts btn-group pull-right"] {display:none};
ion-view[state="awesomeforms-list"] [class="ng-binding"] {display:none};

//changing text on add button
ion-view[state="awesomeforms-list"] {
content: "Add new Member";
font-size: 15px;

//css for hiding any cloumn in table , change the number to fit your need

//hide header
ion-view[state="awesomeforms-list"] .table th:nth-child(2){
display: none;
//hide other rows of column
ion-view[state="awesomeforms-list"] .table td:nth-child(2) {
display: none;