ionic4

Hope someone can help me here, I have an Ionic 4 app using Angular 6 pwa. I have followed the steps in this post to get it working https://www.joshmorony.com/create-a-pwa-with-angular-service-workers-in-ionic-4/ All the steps complete fine and also the package builds and runs correctly without errors. However all my control specific styles are missing e.g my-controll.component.scss app-my-contol { ion-content { background-color: var(--light-gray-lightest); } .my-class { padding:0; list-style: none; position: absolute; width: 100%; left: 0; } } You can see that the files are hashed correctly

I need to disable the default ion-ripple-effect in the `ion-button'. <ion-button> <ion-icon slot="icon-only" name="star"></ion-icon> </ion-button> I can't disable the pointer-events as I need it. PS: I've referred the following posts and could not find a proper solution for Ionic 4. How to remove click effect of an ion-item Disable ripple effect on element I think it's only included with Android so you can set mode="ios" on the button to avoid that effect. Yeah so I just checked the source code and it is only used with mode="md" (which is Android / Material Design): <TagType {...attrs} class=

I am working in my Ionic 4 app and I have made the login/register system. When the user login, after that the user will able to visit the page and when the user is not login and try to visit the page, it will get redirect to the login page. This is my userlogin.page.ts : async UserLoginDetails($soctype, $socid) { const loading = await this.loadingController.create({ message: 'Please Wait', duration: 1100, translucent: true, }); await loading.present(); const userdetailslogin = { email: this.userlogindet.value.email, password: this.userlogindet.value.password, social_type: $soctype, social_id:

Is there posibility to run ionic4 app with capacitor on android device with livereload? I was looking for answear for a few hours now without a luck. Please help. You can do it by adding the server object to the capacitor.config.json file, just use the url of your live reload server "server": { "url": "http://192.168.1.33:8100" } You can use the ionic cli for this: ionic capacitor run android --livereload For example. Source: https://ionicframework.com/docs/cli/commands/capacitor-run You can use the following command to livereload without specifying the IP address: ionic capacitor run android

Is there any way to control scrolling on segments? In my case the slider and segments depends on each other and when you swipe slides, overflowwing segments does not slide, but active segment will be correctly choosed My view and controller code: <ion-segment scrollable mode="md" (ionChange)="segmentChanged()" [(ngModel)]="segment" color="warning"> <ion-segment-button mode="md" value="0"> <p>Description</p> </ion-segment-button> <ion-segment-button mode="md" value="1"> <p>Interconnections</p> </ion-segment-button> <ion-segment-button mode="md" value="2"> <p>Declensions</p> </ion-segment-button