1. Home
  2. Docs
  3. Awesome Forms
  4. CSS Codes

CSS Codes

//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”] button.button.button-block.button-custom.ng-binding::after {
content: “Add new Member”;
font-size: 15px;
}
ion-view[state=”awesomeforms-list”] button.button.button-block.button-custom.ng-binding{
font-size:0px;
}

//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;
}

Was this article helpful to you? Yes No

How can we help?