I would like to create draggable (free) buttons in Ionic. In ionic 3 I used a directive to do this (link https://www.joshmorony.com/building-an-absolute-drag-directive-in-ionic-2/) but this directive don't works in ionic 5 and it does not give any errors. What do you think is the best library (supported from some tutorial) for ionic 5 to do this? Thanks in advance.
This does not have to be Ionic specific. If you are using angular you can just use an NPM component such as https://www.npmjs.com/package/angular-draggable-droppable
There is also support for this in Angular Material library
https://material.angular.io/cdk/drag-drop/overview
Related
how can I design that page in ionic 4? I'm still new to ionic. its a bank app I am building with ionic 4, below is the image of the page.
You should start here, https://ionicframework.com/ read through documentation.
Your app looks like a tabs based app so it would be easiest to start with a tabs ionic project.
Therefore, run ionic start myBankAppName tabs --cordova to use cordova as your native cross-platform engine or ionic start myBankAppName tabs --capacitor to use capacitor for the same purpose.
After that consult the relevant components that you need at https://ionicframework.com/docs/components.
Have fun! ;)
I am building an app on ionic. I have some numbers available for rating/reviews. I want to show/convert them as stars and present it in my UI. Is there any library available for this in Angular 5?
Thanks
I've used this lib in a app to do horizontal rating, but have stars too:
https://github.com/MurhafSousli/ngx-bar-rating
Is it recommended to use interface in ionic 2?
Which means is it fine to use interface in ionic 2 or strictly we should not use it. My purpose of using interface in ionic2 is want to create a custom modal in my ionic application.
thanks
AK
I see no reason to not use TypeScript interface in your Ionic project.
It's a standard principle in TypeScript and the whole Ionic Framework is written in TypeScript. At the end it will be compiled to JavaScript anyways.
Here are some resources
https://www.typescriptlang.org/docs/handbook/interfaces.html
https://ionicframework.com/docs/developer-resources/what-is/#typescript
I want to build an app with Ionic and VueJS, and I want to get Ionic components working in Vanilla JS, is there any library or resource to do that?
This will be possible in the near-future with Ionic 4. Their framework will soon be framework agnostic, which means it will be usable with any JS framework or even plain JS. You can read all about it on the official blog post of Ionic.
Here's an excerpt of the article:
For those that love Ionic but want to use it with Vue, or React, or Ember, or jQuery, or plain JavaScript, you’ll be able to once Ionic 4 releases.
In ionic framework there is a lot of tags such as:
ion-view
ion-content
ion-nav-bar
div class="..."
What to use? How to keep my app structure clean? Any skeleton generator?
I am using intel xdk.
Here is a link to ionic framework starter project for Intel XDK:
https://github.com/krisrak/ionic-angularjs-intelxdk-seed
there is also a ionic framework kitchen-sink app that you can refer to:
https://github.com/krisrak/ionic-angularjs-kitchensink