Hi,
i want to learn IONIC using ZOOM.US with a online tutor.
Are there some plattforms with online tutors available
Best regards
Dietmar
↧
IONIC Online tutor Plattforms
↧
IONIC Online tutor Plattforms
Hi,
I can help.
You can reach me on Skype: cis.am4 or Email: Hayden@cisinlabs.com so that we can discuss this further.
Hayden
↧
↧
Ion-icon color does not change when ion-tab-button is selected
u should change the color of the tab or activated tab in theme > vairable.scss inside :root
:root {
ion-tab-button:nth-child(1) {
ion-icon {
content: url('../assets/img/nav_home.png') !important;
color: var(--ion-color-secondary) !important;
/* --ion-color-base: var(--ion-color-secondary) !important; */
}
}
ion-tab-button.tab-selected:nth-child(1) {
ion-icon {
content: url('../assets/img/nav_home_.png') !important;
color: var(--ion-color-secondary) !important;
/* --ion-color-base: var(--ion-color-secondary) !important; */
}
}
}
with nth-child u can handle which tab u require the number 1 is 1st tab. the above is my used code for changing my icons on selected and non selected tabs same u can do with background as well
↧
Ionic 5 auto complete
Hi
As per your suggestion i installed the mentioned version but i am getting below error
Can’t bind to ‘items’ since it isn’t a known property of ‘ionic-selectable’.
- If ‘ionic-selectable’ is an Angular component and it has ‘items’ input, then verify that it is part of this module.
- If ‘ionic-selectable’ is a Web Component then add ‘CUSTOM_ELEMENTS_SCHEMA’ to the ‘@NgModule.schemas’ of this component to suppress this message.
- To allow any property add ‘NO_ERRORS_SCHEMA’ to the ‘@NgModule.schemas’ of this component. (“rm-control” placeholder=“Select Account”
[(ngModel)]=“selected_account”
[ERROR ->][items]=“arrAccountName”
itemValueField=“accountname”
itemTextField=“acco”): ng:///ContactsPageModule/SynccrmcontactPage.html@52:14
‘ionic-selectable’ is not a known element:
I have added ionicselectablemodule in app.module.ts also still iam getting the same error
any idea to resolve this issue.
Thanks in advance
Ramji
↧
[SOLVED] Ion-textarea resize height dynamically
With ionic-5 , there is an option called auto-grow, set it to true in your view.
In css, set min-height, max-height, to control the text grow.
ion-textarea {
min-height: 100px;
max-height: 200px;
}
Also, after the above fix, if you get some odd behaviour with placeholder text, add below inside the ion-textarea
::ng-deep textarea {
min-height: 100px;
}
↧
↧
Choose between TAB and Side Menu from api
hi
I need to choose between Tab And Side Menu from api, then load depended route…
how can I set condition or something like that
thanks
↧
Ionic 4: Log in as a different user, previous user's data still shows
what would be the best strategy… Localstorage or cookies modules to store the user data for security purposes
↧
Change color ion-datetime
How is it possible to change ion-datetime value color?
Documentation https://ionicframework.com/docs/api/datetime#css-custom-properties show only css variable for the placeholder color.
But how the value color can be changed?
–color: has no effect.
↧
How can I schedule local notification specific day in every week?
Suggested strategy…
On launching the app get the current date
Calculate if the current date is weekend or whichever day
If true show the notification
Thus avoiding the need to calculate future dates and store them
↧
↧
Problem adding a custom component to ionic 4
thank you @silvairsoares
your code and scree shot really help me a lot. 
↧
Capacitor core LocalNotifications every hour at specific minute
I’m testing on an android emulator (android 9.0)
↧
Capacitor core LocalNotifications cannot set icon
Hi everyone,
I’m using LocalNotifications from @capacitor/core and I want to set the notification icon to this PNG android/app/src/main/res/mipmap-hdpi/ic_launcher.png.
LocalNotifications.schedule({
notifications: [{
title: 'Title',
body: 'Body',
id: 1,
schedule: { at: new Date(Date.now() + 1000 * 5) },
smallIcon: 'res://mipmap-hdpi/ic_launcher',
}]});
It doesn’t work. Any ideas ?
@capacitor/core: 2.0.2
Testing environment: android emulator, android 9
↧
Scaling Ionic with CSS rem units
Hi thanks for the tip. IS the index.html really the only place where to change the entire apps font sizes given that all font sizes are using rem?
↧
↧
Ionic 5 React Tabs starter * IonTab overlaps Login Page Display
Your Login route is outside of the <IonRouterOutlet>
You just need to wrap everything with another IonRouterOutlet component.
<IonApp>
<IonReactRouter>
<IonRouterOutlet>
<Route path="/login" component={Login} exact={true} />
<IonTabs>
<IonRouterOutlet>
<Route path="/tab1" component={Tab1} exact={true} />
<Route path="/tab2" component={Tab2} exact={true} />
<Route path="/tab3" component={Tab3} />
<Route
path="/"
render={() => <Redirect to="/tab1" />}
exact={true}
/>
</IonRouterOutlet>
<IonTabBar slot="bottom">
<IonTabButton tab="tab1" href="/tab1">
<IonIcon icon={triangle} />
<IonLabel>Tab 1</IonLabel>
</IonTabButton>
<IonTabButton tab="tab2" href="/tab2">
<IonIcon icon={ellipse} />
<IonLabel>Tab 2</IonLabel>
</IonTabButton>
<IonTabButton tab="tab3" href="/tab3">
<IonIcon icon={square} />
<IonLabel>Tab 3</IonLabel>
</IonTabButton>
</IonTabBar>
</IonTabs>
</IonRouterOutlet>
</IonReactRouter>
↧
Video Orientation full screen in IONIC 3
I used this with controls: true option but could not get control option in video, I want to display controls like play stop volume How can I achieve this.
↧
Ionic 4.Beta 12 - View sometimes doesn't update on data change
I have the same issue now, interestingly UI updates on one of my android devices but not on my iphone and other android device, go figure. So do I have to use detectChanges() on every component I subscribe to data on Firestore ? holly molly
↧
Ionic ios app getting rejected for UIWebview
<preference name="WKWebViewOnly" value="true"></preference> is set?
Open the builded xCode Proj and search for “UiWebView” References: What do you found?
↧
↧
UIWebView references in blank project
Which Cordova Version for Ios? 5.1.1? This Version still has some References but they are disabled by compile Time via <preference name="WKWebViewOnly" value="true"></preference>.
btw: cordova-ios@6.0.0 is release, which completely drops UiWebView.
↧
Working with WebRTC in Ionic
Hi I am creating a VoIP application in ionic. I am using WebRTC which asks for permissions to access camera and microphone. It works perfectly fine when I run my web app in browser.
I have written code to read permissions from user in Android as well. It asks for permissions to user, yet even after allowing all permissions, I am getting error of not able to access media devices.
I have also tried to allow permissions manually to my app from settings. Yet, I am unable to resolve this.
I am not sure if I need to allow browser related permissions as well for Android?
I have really invested a lot of time into this, and would really appreciate if anyone can help me with it. Thanks
↧
Ionic 1 and webRTC
@pinson Were you able to implement it? I am getting error for permissions in Android, even after allowing all permissions for Camera and Microphone.
↧