whats the correct way of inserting label in an Ionic FAB list

For what it’s worth, I was able to accomplish what you ask with the following SCSS. It’d be nice if this was supported directly by Ionic, but I can’t find anything indicating this is built-in. button[ion-fab] { overflow: visible; position: relative; ion-label { position: absolute; top: -8px; right: 40px; color: white; background-color: rgba(0,0,0,0.7); line-height: 24px; … Read more

NavController doesn’t work in Ionic 4

Now, to complete the final step and implement those routes in our app-routing.module.ts file, they would look like this: const routes: Routes = [ { path: ”, redirectTo: ‘/home’, pathMatch: ‘full’ }, { path: “https://stackoverflow.com/questions/51828017/home”, loadChildren: ‘./pages/home/home.module#HomeModule’ }, { path: ‘products’, loadChildren: ‘./pages/products/products.module#ProductsModule’}, { path: ‘products/:id’, loadChildren: ‘./pages/product-detail/product-detail.module#ProductDetailModule’ }, { path: ‘products/categories’, loadChildren: ‘./pages/product-categories/product-categories. { … Read more

How to remove the padding around ion-item?

For those who are using ionic 4, you should use Ionic CSS Utilties for padding In short, you have to code this: <ion-item class=”ion-no-padding”> <ion-thumbnail> <img class=”imgmg” src=”https://stackoverflow.com/questions/49569679/…”> </ion-thumbnail> <h2>Text</h2> </ion-item> If you want to remove inner paddding, use ion-item custom CSS properties: ion-item { –padding-end: 0px; –inner-padding-end: 0px; // here other custom CSS from … Read more