Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 230108 articles
Browse latest View live

Build app without framework, possible?

$
0
0

@Swejo It is possible to create Ionic apps without framework, with just plain JavaScript. At the moment we are trying to add a Vanilla JS option to the App Wizard (https://github.com/ionic-team/app-wizard-issues/issues/6).

How can I create a vanilla JS app?

  1. Install the ionic core dependencies:
npm install @ionic/core
  1. include ionic core into your app
<script type="module" src="node_modules/@ionic/core/dist/ionic/ionic.esm.js"></script>
<script nomodule src="node_modules/@ionic/core/dist/ionic/ionic.js"></script>
<link rel="stylesheet" href="node_modules/@ionic/core/css/ionic.bundle.css"/>

Check if the folder node_modules/@ionic/core is correct.

Thats it!


Tabs fail to load pages

$
0
0

hello everyone, um having issues with my tabs, everytime i add new paths to my home routing module which its html has a tab bar, they do not load, they do not display.
what could be the problem

Using Quill Text Editor in Ionic

$
0
0

I gave up with Quill and used Summernote instead. It was less hassle and easier to achieve what I wanted ultimately.

Ionic 5 - Ion-button click doesn't always trigger on Android tablet

$
0
0

What exactly would this achieve with regards to the actual question asked?

Error on Ionic Serve

$
0
0

was only change type in ionic.config.json from ionic-angular to angular.

IONIC5 Capacitor livereload

$
0
0

I am not able to livereload my Ionic5 capacitor app.
I have tried many steps -

  • Laptop and mobile both are connected to same network (wifi)
  • commands used
    1-- ionic serve -> npm run build -> npx cap add android -> npx cap copy android -> npx cap sync android -> ionic cap open android
    2–ionic serve -> npm run build -> npx cap add android -> npx cap copy android -> npx cap sync android -> ionic cap open android --external --livereload

in both situation livereload not working
"ionic cap run android" not able to open android studio.

If their is any other approach than, please suggest me.
Thank you.

Tabs fail to load pages

$
0
0

Can you post a snippet of the code you’re having trouble with?

How to re request third party access to Github Organization


Global Popover across tabs

$
0
0

I ran into the same issue.

I put all the $ionicPopover code into app.js:

  var popoverPromise = $ionicPopover.fromTemplateUrl('templates/windowPopup.html', {
    scope: $rootScope,
    focusFirstInput:false
  });
  popoverPromise.then(function(popover) {
    $rootScope.msgPopover = popover;
  });
  
  $rootScope.globalPopover = function(tpt,tps,tpm,tps1,tpm1,tpa,tpc) {
    popoverPromise.then(function(popover) {
      // template variables
      $rootScope.popInfo.title = tpt ;
      $rootScope.popInfo.sub = tps ;
      $rootScope.popInfo.msg = tpm ;
      $rootScope.popInfo.sub1 = tps1;
      $rootScope.popInfo.msg1 = tpm1 ;
      $rootScope.popInfo.action = tpa ;
      $rootScope.popInfo.color1 = tpc ;
      $popover.show();
    }) ;
  }
  $rootScope.globalClosePopover = function() {
    $rootScope.msgPopover.hide();
  }

And then from all the various controllers:
$rootScope.globalPopover(a,b,c,d,e,f,g) ;

Ionic 4 - Create PDF

$
0
0

can u help…the same tutorial work for me, but i cant save the PDF file on IOS device…works every place else

Ionic 5 after internet connects reload current page

$
0
0

What I would do instead is to target the exact issue.

Presumably you have a companion onDisconnect handler. In it, I would change the bound [src] property of all image elements to an “unavailable, offline” dummy value pointing to something inside your assets. Then, in onConnect, restore the [src] bindings to their ordinary online values and let change detection do its job.

I want to integrate google map api for a bus station

$
0
0

Hi there,
hope you’re doing good. I want to integrate API for google map when someone clicks on nearby bus station it will get all the bus station that is nearby. thanks.

readAsArrayBuffer promise does not resolve

$
0
0

thank you for the answer! To be honest I was opening the file just to test whether path is correct etc. It works! The problem is with readAsArrayBuffer, even after commenting code you mentioned alert(‘buffer’) never fires which starts to drives me crazy :wink: next Friday I have a deadline for the project and I am completely stuck with the post method :confused: colleagues start to make fun at me :wink:

Can't interact with buttons when using tabs

$
0
0

Hello,

I’m creating a sign in page for my app (ionic 5). I have a form with two button in the form. The problem is when I add a ion-tabs, the element is over everything in the page, then I can’t interact with the buttons anymore.

Here is a fragment of the page.

<ion-content class="ion-padding">
	<form [formGroup]="form">
		<ion-button expand="full" [disabled]="!form.valid" (click)="login()">{{ 'login.login' | translate }}</ion-button>
		<ion-button expand="full" size="small" color="light" [routerLink]="['forgot-password']" (click)="login()">{{ 'login.forgot-password' | translate }}</ion-button>
	</form>

	<ion-tabs>
		<ion-tab-bar slot="bottom">
			<ion-tab-button tab="sign-up">
				<ion-icon name="person-add-outline"></ion-icon>
				<ion-label>{{ 'login.sign-up' | translate }}</ion-label>
			</ion-tab-button>
		</ion-tab-bar>
	</ion-tabs>
</ion-content>

Thanks for the help

Ionic 5 - Ion-button click doesn't always trigger on Android tablet

$
0
0

The function doesn’t trigger. I might try using hammerjs to maybe try binding to touchstart to see if it triggers better, since the animation triggers there must be other events that are triggering but not the (click) event…

Will keep you updated. Feel free if you have any other suggestions.

Cheers


Can't interact with buttons when using tabs

$
0
0

Try using the ion-tab-bar without the ion-tabs

Uncaught (in promise): Error: Loading chunk 20 failed

$
0
0

Well. I’ve been working on this error for 24 hours. There was no problem in my development environment (desktop browser) but when i try it with device (IOS) i got that ChunkLoadError error without detail.

"name":“ChunkLoadError”,“type”:“missing”,“request” …

I tried everything I read but got no results. Ten minutes ago i changed browser from Chrome to Safari on desktop. I got the same error with Safari BUT with an extra detail, SyntaxError:

ChunkLoadError: Loading chunk pages-payment-payment-module failed.
(missing: http://localhost:8100/pages-payment-payment-module.js)

SyntaxError: Invalid regular expression: invalid group specifier name

Just because of Safari didn’t like my regex, I’ve been crazy for two days.

So if you got this error on IOS and u don’t use Safari on desktop, try it.

Maize Seeds Dryer - Steamtech Engineers

$
0
0

Steamtech Engineers is a leading manufacturer of agriculture machinery like Agarbatti Dryer, peanut dryer, maize seeds dryer, and many more. Maize drying Plant useful in the Warehousing, Stock, Oil Mills, Maize starch Plant, Poultry feed manufacturing plant, Cattle feed Manufacturing plant, and other Maize related industries for drying of Maize
It Capacity is 50 Ton to 300 Ton per day. and the main benefit is Manual Platform Drying is not required hence manpower & time is saved. and Maize can be dried in moist weather when natural sun drying cannot be done properly.

Visit us for more information… Steamtech Engineers

I want to integrate google map api for a bus station

$
0
0

What are you awaiting from that post? A complete App? I can’t see a question here

How use Payment Gateway in iran

$
0
0

i need to gateway paymanet in iran.

my website : masoudfn . com

i want use to rayanpay . com

Viewing all 230108 articles
Browse latest View live


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