@aldoso wrote:
Hi all.
I am wondering if the next version of Ionic (v4?) will be able to handle React instead of just Angular ?
Posts: 1
Participants: 1
↧
Ionic + React?
↧
Need help for button loop to hide grid layout when clicked
@wongjunyuan wrote:
@home.html
<button ion-button id=“isGrid” class=“isGrid”(click)=“changemode(‘Grid’)”>Grid<ion-row> <ion-col class="cell-1"> </ion-col> </ion-row> </ion-content>@home.scss
.grid-full ion-row {
height: 1%;
padding: 0%;
flex-wrap: wrap;
}.grid-full ion-col { flex: 0 0 0%; max-width: 0%; text-align:center; padding: 131px 3px; } .cell-1 { background-color: #C5DCFC; }
Posts: 1
Participants: 1
↧
↧
[HELP] Ionic 2 - Android browse video and upload to youtube?
@prince24 wrote:
Can anyone help me, i need to build an android app, that can browse my video and upload to youtube ?
Posts: 1
Participants: 1
↧
Auth token problem
@dipankar123 wrote:
hi i am new in ionic 2.
facing pblm with authToken
i am calling a API with authkey
bt console telling authkey is missing. plz help me.
here is my code:
provider:LockOpen(AuthToken: string, id) { let headers = new Headers({ 'AuthToken': AuthToken }); let options = new RequestOptions({ headers: headers }); return new Promise(resolve => { this.http.post(this.myServer + "/WebRequest/LockOpen", options, id) .map(res => res.json()) .subscribe( data => { resolve(data) }, err => { console.log(err) } ); }); }in page.ts
openDoor(){ console.log('open clicked'); this.storage.get('token').then((value) => { console.log('doorToken: ' + JSON.parse(value).AuthToken); //printing value in console let token= JSON.parse(value).AuthToken; this.userProvider.LockOpen(JSON.parse(value).AuthToken, this.id).then(data => { console.log('list: ' + JSON.stringify(data)) this.accessDoor = data; this.id= this.accessDoor.ControllerId console.log('id' + this.id); }); }); }
Posts: 1
Participants: 1
↧
How to add sender name in ionic-native/sms
@Ayesha wrote:
When I use this
for sending sms. In sender option my number is shown. Instead of my number i set another number with name.
How can i do this ?
Posts: 1
Participants: 1
↧
↧
Role based authentication
@abdulkadhir wrote:
I have 3 types of users:
- Admins
- Manager
- Employees
Each user type will have a different user interface and access different types of data. Their only similarity is they are using one mobile(hybrid) application but they access totally different things. I am using ionic 2 framework to build the application.
The database design is
users:
- uid_0 name: “salman” type: “Admin”
- uid_1 name: “Raja” type: “Manager”
- uid_2 name: “Dyson” type: “Employee”
can anyone help me with this.
thanks in advance
Posts: 1
Participants: 1
↧
Complete UI Sample App
@timowolf wrote:
Dear All
I am looking for a sample app that includes almost all components and UI elements. The app does not need to be useful. It shall be used for testing theme implementation so that we can see if theme changes fit to all elements.
Is such a sample app available somewhere?
Thanks a lot.
Timo
Posts: 2
Participants: 2
↧
Ionic 2 DateTime isse
@hissro wrote:
hi how are you
i have issue with date time css
i want change (done ) label to other word and the year to be on left side after the label
please help
Posts: 1
Participants: 1
↧
Get list of all pages in the app
@kkoych wrote:
In the app I’m building there is a side menu with links to the different pages. The menu is dependant on the logged in user, so it’s dynamically loaded from a database. Now the problem is that not all pages in the list coming from the database are implemented, so I need to exclude those from a list. At the present moment I’m using a simple array which has all my implemented pages.
I was wondering if there is a way to check all the files in the ‘pages’ folder and filter the list coming from the database using that. What I need is to get a list of all pages in the folder, also it would be nice if I could also get the module names of each page, because I need it afterwards for navigation.
Posts: 1
Participants: 1
↧
↧
Can we use Server-Sent Events in an Ionic Cordova application?
@peterjc wrote:
Hi, I am am trying to find out if the WKWebView (which I am using on iOS), Android web view, and also which ever web view the UWP windows build would use supports Server-Sent Events - I am looking for the most generic web push technology to use; and it must work for my existing Ionic application on all of iOS, Android, and Windows.
Thanks in advance for any info!
Posts: 1
Participants: 1
↧
[Is it possible ? ] Create an ionic app with all it's contents hosted on cloud including index.html?
@abhishekkanitkar wrote:
Hi all,
I have a question about the right approach to be taken for Ionic app development.
Will the following cause any kind of problems including approval from AppStore ?
All the contents of hybrid app including index.html, Angular code of Ionic components, Images, Fonts, CSS are hosted on cloud
When user clicks on app icon on his device, the app contents are loaded from cloud
Kindly provide information about what problems I may face in future.
If above approach is not possible with Ionic Framework only, then will following work ?
- Create Angular CLI project
- Use Ionic as mobile component library
- Use Cordova as a packager for the Angular CLI app which has Ionic included as a dependency
Thanks a lot in advance !
Posts: 1
Participants: 1
↧
ngModel in Ionic 3
@pendora7 wrote:
Hey i am doing a task in which i am required to get some results when user clicks on checkbox. I think ngModel is not working on it so i am doing like this,
,
When user clicks on a checkbox i sent that value in a function and print it. But my problem is that when i ask user for there input in another answer, 1st checkbox answer dissapears, I want to retain that answer.
Thank You
Posts: 1
Participants: 1
↧
How to work multiple developers in single ionic project?
↧
↧
Is there any way to restrict characters in ionic input type=text or number
@pvreddy423 wrote:
hello,
i’m using ionic 2 framework.is there any possible way to restrict the input type to certain characters.
i know minlength or maxlangth attributes work but these are accepting any characters shows red lines in the bottom. i what that if my input type minlength=1 and maxlength =1 then text field take only one character.
Posts: 1
Participants: 1
↧
In IOS-Ionic Network doesnt works on application start
@joselj wrote:
I am using Network.onConnect() and Network.onDisconnect() to detect the network connection.
On opening my application- it detects the network connection in Android devices but in IOS devices it doesnt.I have a Online/Offline Login which i need to detect using the network availabilty.
Please can someone help me regarding how to detect the network connection in IOS devices while app start.
Thanks,
Josel
Posts: 4
Participants: 3
↧
Access a provider through other provider (advice)
@bilow wrote:
Hi,
I’d like to be adviced by you (experienced) devs if it’s okay to acces a provider through an other provider.Example use case:
I have a settingsprovider which keeps track of the global app settings like (can) vibrate for example.settingsprovider -> public notifications['vibrate'] = true;Then I also have a function in the notificationprovider which I use for executing a notification like vibrating.
notificationprovider -> import { SettingsProvider } from 'XXX'; // some code .. vibrate(time: number = 300) { if (true === this.settingsProvider.notifications['vibrate']) { this.vibration.vibrate(time); } }Every time when the app needs to vibrate the notificationprovider checks the setting in the settingsprovider.
So for I think it’s okay to use it like this? If there’s a better way of implementing this feel free to advice.Then the actual question:
Let’s say, when I’m in the in the SettingsPage and I only have declared the notificationprovider in the constructor. Is it okay to access the settingsprovider for changing 1 single setting value through the notificationprovider? (I know it doesn’t make sense not to import a settingsprovider to the class of the settings page, just giving it as an example.)//so in the SettingsPage class I would like to try something like: myButtonClick(){ this.notificationProvider.settingsProvider.notifications['vibrate'] = true; this.notificationProvider.vibrate(); }Why I would want to know this?
- I just want to change 1 thing in the other provider, why would I import a whoooolee provider for just changing 1 variable.
- (in general) Does it effect the performance of an app (in the bad way) when I DO import a provider over and over and over. Or would accessing a provider through a provider be more harmfull for my app.
- And how about a ‘main’ provider importing all providers, and then access any provider through that one main provider so I only would need to import that main provider in my pages.
And again, I know some things don’t make sense to do so, and sure there would be some exceptions, but I just want some feedback from different points of views on this to create a nice way of designing an app structure.
I hope I made myself clear with my question. Thank you for your time and answers.
Posts: 1
Participants: 1
↧
How to Set UI Mode (ios or md) Dynamically for Entire App in Ionic Config (app.module.ts)?
@thmclellan wrote:
The Config object lets us set a global UI mode such as ‘ios’ or ‘md’ for the whole application, but is there any way to set this dynamically based on a variable in the index.html file?
I’m working on a project where we’d like to set the UI style during app startup instead of during build time. With Ionic 3.9.2 with an AOT error like this:
Error encountered resolving symbol values statically. Reference to a local (non-exported) symbol ‘window’.
Consider exporting the symbol, resolving symbol AppModule in app.module.tsMy index.html file was setting a global variable (eg. window.uxMode) and the failing appComponent code was:
import etc etc declare var window: any; @NgModule({ declarations: [ MyApp, PAGES, DIRECTIVES, PIPES ], imports: [ BrowserModule, HttpModule, IonicModule.forRoot(MyApp, { mode: window.uxMode, // This seems to fail because it is not an absolute string prodMode: true, etcI tried using the Ionic Config service to set the global mode in app.component.ts but it did not work. At this point it seems like we may have to do two builds and dynamically load the current main.js if we want to support both iOS and MD styles.
Thanks in advance for any tips!
Tom
Posts: 1
Participants: 1
↧
↧
High memory usage
@zabka229 wrote:
Hello, recently I have observed thath my android app uses too much of RAM.
When i open it it takes ~~120mb and after few changes of pages it goes to 400mb.
What can I do?To change page I use popover with:
this.navCtrl.setRoot(StatisticsPage);Some data from profiler:
Posts: 1
Participants: 1
↧
Alphabetical indexed list widget
@Jamie88 wrote:
Hi all.
I am totally new to Ionic and must say I am incredibly impressed by it. Apologies if this has been asked before but is there an alphabetical indexed component? (Similar to iOS). This is crucial to a particular use case of ours.
We have found a few on GitHub but they have either been very old (and not supported the latest Ionic) or just not worked as expected.
Thank you all.
Posts: 1
Participants: 1
↧
Unable to display image in iOS
@musmanzpak wrote:
Using the Camera plugin I am unable to display image on just IOS device. I am also passing hardcode image path but still unable to display image
The following is my code:
public takePicture(sourceType) {
// Create options for the Camera Dialog
var options = {
quality: 100,
sourceType: sourceType,
saveToPhotoAlbum: false,
correctOrientation: true,
destinationType: this.camera.DestinationType.FILE_URI}; // Get the data of an image this.camera.getPicture(options).then((imagePath) => { //this.errors = imagePath; // Special handling for Android library if (this.platform.is('android') && sourceType === this.camera.PictureSourceType.PHOTOLIBRARY) { this.filePath.resolveNativePath(imagePath) .then(filePath => { let correctPath = filePath.substr(0, filePath.lastIndexOf('/') + 1); let currentName = imagePath.substring(imagePath.lastIndexOf('/') + 1, imagePath.lastIndexOf('?')); this.copyFileToLocalDir(correctPath, currentName, this.createFileName()); }); } else { var currentName = imagePath.substr(imagePath.lastIndexOf('/') + 1); var correctPath = imagePath.substr(0, imagePath.lastIndexOf('/') + 1); this.copyFileToLocalDir(correctPath, currentName, this.createFileName()); } }, (err) => { this.presentToast('Error while selecting image.'); });}
and getting the path:
public pathForImage(img) {
if (img === null) {
return ‘’;
} else {
return cordova.file.dataDirectory + img;
}
}
Posts: 1
Participants: 1
↧