Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all 49526 articles
Browse latest View live

Announcement

$
0
0

@yvoncio wrote:

Hello,

I introduce myself, it’s Yvon KOUDAM. I am a developer and I am Togolese. A few months ago I discovered hybrid development, I
liked it a lot and now I practice it. But by doing tricks on the net
(where I just found you by the way), and with personal remarks, many
people do not know this technology, especially in Africa. It is with
this in mind that I plan to create an ionic community in my country
Togo. Which will be called “Ionic Togo”. So, as you already have
experiences in this area, I would like to have your help to carry out
this project. Thank you.

here is the logo I planned to use with the Togolese flag

Posts: 1

Participants: 1

Read full topic


How to make my search bar search through list items' texts?

$
0
0

@jamesharvey wrote:

Hello guys,

I created a search bar and ion-list with several ion-items manually without using a data provider.

Is there any way to make search bar search through any text inside ion-item by using typescript?
Due to not being able to pass in navigation function from data provider, I found out I have to build search result manually and build navigation function for each item to each page which has different contents.

So here’s my html:


                              <ion-header>
                                  <ion-searchbar [(ngModel)]="searchTerm" [formControl]="searchControl" (ionInput)="onSearchInput()"
                                   placeholder="Search" style="background: black; color: white;">

                                  </ion-searchbar>
                                </ion-header>

 <ion-list style="background: black; color: white;"  *ngFor="let item of items">


                                     <ion-item style="background: black; color: white; margin-top: 50px;" (click)="navigateToPage01()">

                                      <div>
                                        <h4><strong>Item name 01</strong></h4>
                                        <p>Item description 01 | Information 01</p>

                                      </div>

                                      </ion-item>

 <ion-item (click)="navigateToPage02()">

                                      <div>
                                        <h4><strong>Item name 02</strong></h4>
                                        <p>Item description 02 | Information 02</p>

                                      </div>

                                      </ion-item>


 <ion-item (click)="navigateToPage03()">

                                      <div>
                                        <h4><strong>Dummy name 03</strong></h4>
                                        <p>Demo 03 | Information 03</p>

                                      </div>

                                      </ion-item>

 <ion-item (click)="navigateToPage04()">

                                      <div>
                                        <h4><strong>Demo title 04</strong></h4>
                                        <p>Item description 04 | Address 4</p>

                                      </div>

                                      </ion-item>

 <ion-item (click)="navigateToPage05()">

                                      <div>
                                        <h4><strong>Title 05</strong></h4>
                                        <p>Description 05 is here | Information 05</p>

                                      </div>

                                      </ion-item>


</ion-list>

How can I activate this search bar and make it search texts inside h4 tags and p tags?

Thanks

Posts: 1

Participants: 1

Read full topic

Fetching data from a website

$
0
0

@rahulblah wrote:

What to do if I want to fetch data from a website and use it in my app? For example, if suppose a website is showing a word that changes from time to time. I want my app to refresh once in 2 seconds and look for that word and display that word in the app. Am new to this, help me!

Posts: 2

Participants: 2

Read full topic

Notice: Undefined variable: a_username

$
0
0

@valentinay wrote:

Hello everyone I am facing this error :

Notice: Trying to get property of non-object in C:\xampp\htdocs\ionic\users.php on line 36
Notice: Trying to get property of non-object in C:\xampp\htdocs\ionic\users.php on line 37
Notice: Trying to get property of non-object in C:\xampp\htdocs\ionic\users.php on line 38
Notice: Trying to get property of non-object in C:\xampp\htdocs\ionic\users.php on line 39

and this error occurs here :

 $postdata =file_get_contents("php://input");
	 if(isset($postdata)){
		 $request= json_decode($postdata);
		 $a_username = $request->a_username;
		 $p_username = $request->p_username;
		 $password   = $request->password;
		 $vpassword  = $request->vpassword;
 }

my TS:

//insert before constryctor
private baseURI : string  = "http://localhost:10080/ionic/";

 register()
 {
  var body=JSON.stringify({a_username:this.a_username,
									p_username:this.p_username,
									password:this.password,
									vpassword:this.vpassword
									});
 var url = this.baseURI + "users.php";
 this.http.post(url,body)
 .subscribe(re=>{
	console.log(this.a_username + this.p_username + this.password + this.vpassword);

 });

}

I tried writing $a_username = $request->a_username; as $a_username['a_username'] but the Notice: Undefined variable: a_username this error occurs.

var_dump($request) => NULL
var_dump($postdata) => string(0) ""

Thank you in advance!

Posts: 1

Participants: 1

Read full topic

Any Ionic-focused developer conferences in 2018?

$
0
0

@Msoltys wrote:

Especially ones with in-depth sessions beyond the basics? Or is my only option to attend a more general development conference like one on Angular or Mobile Development?

Posts: 1

Participants: 1

Read full topic

PDF base64

$
0
0

@josechepe wrote:

Hi everybody,

I’m facing a problem when Im getting a PDF in base 64, I need to download it locally but I couldn’t get it. I have saved images using this:

this.base64 = 'data:application/octet-stream;base64, '+data.json().RESPUESTA;
window.open(this.base64, ‘_blank’);

It works perfectly, but when I try with a PDF in base 64 it doesn’t work, Im getting the base 64 from the response of my server ==> data.json().RESPUESTA.

I will appreciate any help, pardon my english.

Posts: 3

Participants: 2

Read full topic

Increase the width of ionic select

$
0
0

@jfan29 wrote:

image

I want to increase the width of the ionic select so that it can display the whole label…
Can’t seem to find the correct CSS style for doing that yet.

tried:

// ion-label
// {
//     width:100px;
// }

Posts: 2

Participants: 1

Read full topic

White space appears after focus on input

$
0
0

@EugeneVB wrote:

Hi, when I test my app in browser, after focusing on input appears white space at bottom, I think this is keyboard simulator.
But I see this space on android device.
When focus goes out, white space disappears.
How to disable it?

Posts: 1

Participants: 1

Read full topic


Simple navCtrl.pop() not working anymore

$
0
0

@sneceesay77 wrote:

This code below was working perfectly yesterday. All I am trying to do is to simply go back to the previous page after a successful login.

if(env.navParams.get('param1')=='from-order-page'){
    console.log("----------------------------------");
    nav.pop('OrderPage');
}

but strangely stops today. I have done some plugin installation and probably that may have affected some aspects of my code. This is the error below.

[22:46:03]  typescript: src/pages/login/login.ts, line: 64
Type '"OrderPage"' has no properties in common with type 'NavOptions'.

L63:    console.log("----------------------------------");
L64:    nav.pop('OrderPage');
L65:  }else{...

Ionic Information is below

cli packages: (/path/appname/node_modules)

@ionic/cli-utils  : 1.19.0
ionic (Ionic CLI) : 3.19.0

global packages:

cordova (Cordova CLI) : 7.1.0

local packages:

@ionic/app-scripts : 3.1.4
Cordova Platforms  : android 6.3.0 ios 4.5.4
Ionic Framework    : ionic-angular 3.5.3

System:

Android SDK Tools : 26.1.1
Node              : v8.1.3
npm               : 5.5.1
OS                : Linux 4.4

Misc:

backend : pro

Posts: 2

Participants: 2

Read full topic

Opinion wanted - how best to do this?

$
0
0

@SubEffect wrote:

I’ve an old Ionic 1 app I want to bring to Ionic 2.

I’ve the basics laid out but now I’m looking for opinions on the best method for this.

It’s a ‘brochure’ app - the only interaction is navigation. It has 100+ pages that are just info and I don’t really want to create a new folder, html and ts file for each page. The pages are just html.

What’s the best way to build this?

Posts: 2

Participants: 2

Read full topic

Target browser ( desktop ) through scss?

$
0
0

@meatloaf4 wrote:

Hey guys just wondering if there is any easy way to target desktop browser through scss.

Essentially I was looking into a class that might be added to the app root similar to “md” and “ios”. It would be really great if they had let’s say a “browser” css class for non mobile stuff.

What I have found is “platform-core” class is applied for desktop browser on app root, but some research has lead me to believe this would not be a reliable way of targeting browser.

Thanks for any help in advance!

Posts: 1

Participants: 1

Read full topic

Is there any tool to test the security of an ionic app?

$
0
0

@marcosrj84 wrote:

I need to test my app with any tool like JMeter to simulate a stress test or Vega to test security on my app. I hear about Toxy.JS but i dont find any good tutorial showing how to use that. Can anyone help me with this? Thanks in advance.

Posts: 2

Participants: 2

Read full topic

`npm rebuild node-sass --force` to build the binding

$
0
0

@impactcolor wrote:

Hi I currently have a local ionic app on my computer. When I run ionic serve I get the error above. I go ahead and do nom rebuild node-sass and it works. After I commit my changes and then push to ionic master. I similarly get the error above but there’s no way for me to run nom rebuild node-sass. Here is my full error:

Error: Missing binding /usr/src/app/node_modules/@ionic/app-scripts/node_modules/node-sass/vendor/linux-x64-57/binding.node
Node Sass could not find a binding for your current environment: Linux 64-bit with Node.js 8.x

Found bindings for the following environments:

  • OS X 64-bit with Node.js 8.x

This usually happens because your environment has changed since running npm install.
Run npm rebuild node-sass --force to build the binding for your current environment.
at module.exports (/usr/src/app/node_modules/@ionic/app-scripts/node_modules/node-sass/lib/binding.js:15:13)
at Object. (/usr/src/app/node_modules/@ionic/app-scripts/node_modules/node-sass/lib/index.js:14:35)
at Module._compile (module.js:569:30)
at Object.Module._extensions…js (module.js:580:10)
at Module.load (module.js:503:32)
at tryModuleLoad (module.js:466:12)
at Function.Module._load (module.js:458:3)
at Module.require (module.js:513:17)
at require (internal/module.js:11:18)
at Object. (/usr/src/app/node_modules/@ionic/app-scripts/dist/core/bundle-components.js:6:16)
npm info lifecycle homeinspectorplus@0.0.1~build: Failed to exec build script
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! homeinspectorplus@0.0.1 build: ionic-app-scripts build
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the homeinspectorplus@0.0.1 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /home/gitlab-runner/.npm/_logs/2017-12-05T23_27_42_786Z-debug.log
npm run build failed
Running after script…
$ run "clean-up"
ERROR: Job failed: exit status 1

Posts: 1

Participants: 1

Read full topic

List items not highlighted when clicked on device but works on browser

$
0
0

@sneceesay77 wrote:

I have a list of items displayed using the code below. When clicked on a browser the highlighting works but not on my current testing device. I am testing on Android.

<ion-list>
    <button ion-item tappable detail-push *ngFor="let list of rData"
    (click)="navigateToPage('Page', list.b, list.a, $event)">
    <h2>{{ list.c }}</h2>
    </button>
</ion-list>

First I was trying ion-item as the base tag instead of the button tag.

Posts: 1

Participants: 1

Read full topic

How to remove cache from my App


How to print data into printer

Custom audio file in local notification not working

$
0
0

@vpotluri wrote:

I’ve my custom audio file named alarm.mp3 in www/assets/audio and I used this file in local notification as

localNotifications.schedule({sound: “file://assets/audio/alarm.mp3”, title:“test audio file”});

but my app closes with error when this notification is triggered. Can anyone tell me where to plca my custom audio file and how to use in notification.

Posts: 1

Participants: 1

Read full topic

Ionic3 reload infinite list remain in last position

$
0
0

@Nulra wrote:

Hi, I have Page1 and have a infinite scroll list, and when I scroll to somewhere on the list, i click it will go to Page2 to do somethings. Then Page2 will pop and Page1 will reload to get a updated data. So my problem is that when I reload the Page1, it goes to the top of the infinite list. How and what is the approach to remain in last position? Thanks a lot.

Posts: 1

Participants: 1

Read full topic

Charging credit card with Stripe in Ionic 3 app

$
0
0

@obinnae wrote:

Is there anywhere on earth that one can find info on using Stripe payment plugin to charge a credit card in an Ionic 3 app?? I want to fully integrate Stripe into my app, so it functions similar to the Uber app. Stripe’s ionic native plugin doesn’t seem to have charging functionality (it’s only for creating a token and validating card info, and nothing else), and I can’t find any tutorial showing how to charge a card & stuff.

I’ve searched google and all I’ve seen are plugins & templates for full integration, all for sale.

Any help would be greatly appreciated, as I’m at a stand still at the moment.

Thanks.

Posts: 1

Participants: 1

Read full topic

No provider for NavController! Ionic 3

$
0
0

@Madhawa wrote:

Im Used Ionic3 for my university project , Im added setting part of my app.html and im try to link (click)=“home()” but its not work for me? How to fix this, I got a this error

Error: No provider for NavController! at injectionError (http://localhost:8100/build/vendor.js:1527:90) at noProviderError (http://localhost:8100/build/vendor.js:1565:12) at ReflectiveInjector_.throwOrNull (http://localhost:8100/build/vendor.js:3007:19) at ReflectiveInjector.getByKeyDefault (http://localhost:8100/build/vendor.js:3046:25) at ReflectiveInjector.getByKey (http://localhost:8100/build/vendor.js:2978:25) at ReflectiveInjector.get (http://localhost:8100/build/vendor.js:2847:21) at resolveNgModuleDep (http://localhost:8100/build/vendor.js:9847:25) at NgModuleRef_.get (http://localhost:8100/build/vendor.js:10935:16) at resolveDep (http://localhost:8100/build/vendor.js:11438:45) at createClass (http://localhost:8100/build/vendor.js:11302:32)

app.html

<!--------------------------------------Main Navigation--------------------------->

<ion-menu id="myMenu" [content]="content" side="right" persistent="true" [class]="selectedTheme">
  <ion-header>
    <ion-toolbar>
      <ion-grid>

        <ion-row>
          <ion-col col-6>
            <div text-left style="" class="app-listname">
              Project</div>
          </ion-col>
          <ion-col  (click)="home()">
            <div class="tether-setting" style="text-align: right;font-size: 2rem; color:#a57958;">
              <ion-icon ios="ios-settings-outline" md="md-settings"></ion-icon>
            </div>

          </ion-col>
          <ion-col>
            <div class="tether-logout" style="font-size: 2rem; color:#a57958; text-indent: 0rem;  text-align: right;">
              <ion-icon ios="ios-log-out" md="md-log-out"></ion-icon>
            </div>
          </ion-col>
        </ion-row>
      </ion-grid>

    </ion-toolbar>
  </ion-header>

  <ion-content>
    <div class="ion-tm">
      <ion-list>
        <button menuClose ion-item *ngFor="let p of pages" [class.activeHighlight]="checkActive(p)" (click)="openPage(p)">
          <ion-icon [name]="p.icon" item-left></ion-icon>{{p.title}}</button>

      </ion-list>
    </div>
  </ion-content>

</ion-menu>
<ion-nav [root]="rootPage" #content swipeBackEnabled="false" [class]="selectedTheme"></ion-nav>
<!--------------------------------------Main Navigation--------------------------->

app.component.ts

import {Nav, Platform, MenuController,NavController} from 'ionic-angular';

  home(){
    this.navCtrl.push(HomePage);
  }

Posts: 1

Participants: 1

Read full topic

Viewing all 49526 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>