Ionic Search Bar

Ionic Search Bar

Awesome ionic Search bar

$4.00

(1)
Amila Jayasinghe

Amila Jayasinghe

Member since 2016

Details

Version:
1.1
Size:
0mb
Ionic:
1.0 beta,1.0.x,1.3.x
Platforms:
iOS, Android
View ID:
4d043676
Released:
8 years ago
Updated:
8 years ago
Category:
Plugins
Tags:
Ionic, filter, Search, iOS search, android search, angularJs

This is a super awesome method allows you to easily add search functionality at the header. This is compatible with both iOS and Android. Ionic search Bar will animate upon focus and it can be customize as you wish.

Hey there! You'll need to log in before you can leave a comment here.

Moises Veliz Francia

Moises Veliz Francia   ·   8 years ago

You can do the same without jquery?

Amila Jayasinghe

Amila Jayasinghe   ·   8 years ago

You may try https://docs.angularjs.org/api/ng/function/angular.element.

Moises Veliz Francia

Moises Veliz Francia   ·   8 years ago

IONIC know little about. But what I read, I understand that you should not manipulate the DOM from the controller. The DOM should be handled from a directive. You could help me do it?

Amila Jayasinghe

Amila Jayasinghe   ·   8 years ago

Its done and updated.

Moises Veliz Francia

Moises Veliz Francia   ·   8 years ago

Thanks!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

leonardo ferrero

leonardo ferrero   ·   8 years ago

I, how i can show filter bar on header?

Amila Jayasinghe

Amila Jayasinghe   ·   8 years ago

You can delete the header from the index.html and change the bar-subheader to bar-header in the directive. then remove el.classList.remove('bar-header'); el.classList.add('bar-subheader');

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Muhammet

Muhammet   ·   8 years ago

Can I use this directive with ngChange ?

Amila Jayasinghe

Amila Jayasinghe   ·   8 years ago

You can use with ngChange, but you will have to do some certain modification to the directive.

Muhammet

Muhammet   ·   8 years ago

thanks for quick reply.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Naitik Patel

Naitik Patel   ·   8 years ago

Hi, I purchased it and i got code, Can you share one working example? and one more additional thing i need to do is i don't want to do instant search i want to do search on key-board "Enter" button, is it possible to do with your search?

Amila Jayasinghe

Amila Jayasinghe   ·   8 years ago

Please leave ur email here. I'll contact you.

Naitik Patel

Naitik Patel   ·   8 years ago

naitikpatel1990@gmail.com

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Alessio Innocenti

Alessio Innocenti   ·   7 years ago

hello i have a problem with your code:On IOS When I click the cancel button , the keyboard closes and reopens right away. how can i fix it ?

Amila Jayasinghe

Amila Jayasinghe   ·   7 years ago

Please check whether you have included angularjs twice. And change 'touchstart' & 'click' events to 'touchend' in the eventListener under the directive. Let me know if still get the same issue.

Alessio Innocenti

Alessio Innocenti   ·   7 years ago

unfortunately, the change that you suggested did not work. Here is a video showing the problem: http://sviluppo.controlliamo.com:43280/App.mov I swapped 'touchstart' and 'click' with 'touchend' as suggested, and checked all the project for double include of angular.js. What else can i do? Thanks for the help.

Amila Jayasinghe

Amila Jayasinghe   ·   7 years ago

Hi Alessio, If you don't mind, can you drop me the code snippet to my email ? So I'll check through it and fix it for you. (amila86@gmail.com)

Alessio Innocenti

Alessio Innocenti   ·   7 years ago

Hi Amila, i sent you an e-mail with the code, did you recive it? Let me know if you need something. Thank you.

Amila Jayasinghe

Amila Jayasinghe   ·   7 years ago

Hi Alessio, Done and emailed back to you. If there is any other issue, please do not hesitate to contact. Thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

coolm4n

coolm4n   ·   7 years ago

how to add auto scroll up every time change search keyword? Currently i put the filter bar before ion-content tag, just in case i scroll down to middle of page and suddenly i change the search keyword and the result only 1, I need to scroll up on top to see the outcome which is not very great. Please kindly advise.

iwok

iwok   ·   7 years ago

same problem here

Amila Jayasinghe

Amila Jayasinghe   ·   7 years ago

Please use, $timeout (function() { $ionicScrollDelegate.scrollTop(); }, 500);

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Kikio Kikoo

Kikio Kikoo   ·   7 years ago

Good evening, I have just bought your plugin and I need assistance to integrate it into my code. Could you please provide me with an email so I can contact you in order to have some help ?

Amila Jayasinghe

Amila Jayasinghe   ·   7 years ago

Contact me via amila86@gmail.com

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Kikio Kikoo

Kikio Kikoo   ·   7 years ago

Good evening, I have just bought your plugin and I need assistance to integrate it into my code. Could you please provide me with an email so I can contact you in order to have some help ?

Amila Jayasinghe

Amila Jayasinghe   ·   7 years ago

Contact me via amila86@gmail.com

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

coolm4n

coolm4n   ·   7 years ago

how to add auto scroll up every time change search keyword? Currently i put the filter bar before ion-content tag, just in case i scroll down to middle of page and suddenly i change the search keyword and the result only 1, I need to scroll up on top to see the outcome which is not very great. Please kindly advise.

iwok

iwok   ·   7 years ago

same problem here

Amila Jayasinghe

Amila Jayasinghe   ·   7 years ago

Please use, $timeout (function() { $ionicScrollDelegate.scrollTop(); }, 500);

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Alessio Innocenti

Alessio Innocenti   ·   7 years ago

hello i have a problem with your code:On IOS When I click the cancel button , the keyboard closes and reopens right away. how can i fix it ?

Amila Jayasinghe

Amila Jayasinghe   ·   7 years ago

Please check whether you have included angularjs twice. And change 'touchstart' & 'click' events to 'touchend' in the eventListener under the directive. Let me know if still get the same issue.

Alessio Innocenti

Alessio Innocenti   ·   7 years ago

unfortunately, the change that you suggested did not work. Here is a video showing the problem: http://sviluppo.controlliamo.com:43280/App.mov I swapped 'touchstart' and 'click' with 'touchend' as suggested, and checked all the project for double include of angular.js. What else can i do? Thanks for the help.

Amila Jayasinghe

Amila Jayasinghe   ·   7 years ago

Hi Alessio, If you don't mind, can you drop me the code snippet to my email ? So I'll check through it and fix it for you. (amila86@gmail.com)

Alessio Innocenti

Alessio Innocenti   ·   7 years ago

Hi Amila, i sent you an e-mail with the code, did you recive it? Let me know if you need something. Thank you.

Amila Jayasinghe

Amila Jayasinghe   ·   7 years ago

Hi Alessio, Done and emailed back to you. If there is any other issue, please do not hesitate to contact. Thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Naitik Patel

Naitik Patel   ·   8 years ago

Hi, I purchased it and i got code, Can you share one working example? and one more additional thing i need to do is i don't want to do instant search i want to do search on key-board "Enter" button, is it possible to do with your search?

Amila Jayasinghe

Amila Jayasinghe   ·   8 years ago

Please leave ur email here. I'll contact you.

Naitik Patel

Naitik Patel   ·   8 years ago

naitikpatel1990@gmail.com

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Muhammet

Muhammet   ·   8 years ago

Can I use this directive with ngChange ?

Amila Jayasinghe

Amila Jayasinghe   ·   8 years ago

You can use with ngChange, but you will have to do some certain modification to the directive.

Muhammet

Muhammet   ·   8 years ago

thanks for quick reply.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

leonardo ferrero

leonardo ferrero   ·   8 years ago

I, how i can show filter bar on header?

Amila Jayasinghe

Amila Jayasinghe   ·   8 years ago

You can delete the header from the index.html and change the bar-subheader to bar-header in the directive. then remove el.classList.remove('bar-header'); el.classList.add('bar-subheader');

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Moises Veliz Francia

Moises Veliz Francia   ·   8 years ago

You can do the same without jquery?

Amila Jayasinghe

Amila Jayasinghe   ·   8 years ago

You may try https://docs.angularjs.org/api/ng/function/angular.element.

Moises Veliz Francia

Moises Veliz Francia   ·   8 years ago

IONIC know little about. But what I read, I understand that you should not manipulate the DOM from the controller. The DOM should be handled from a directive. You could help me do it?

Amila Jayasinghe

Amila Jayasinghe   ·   8 years ago

Its done and updated.

Moises Veliz Francia

Moises Veliz Francia   ·   8 years ago

Thanks!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Hey there! You'll need to log in and purchase the add-on before you can leave a rating here.

Alessio Innocenti   ·     ·   7 years ago

the plugin works very very good. Mr. Amila was very helpful and kind to respond to emails very quickly solving the problem. il plugin funziona benissimo complimenti. Il signor Amila è stato molto disponibile e gentile a rispondere alle email risolvendo il problema molto velocemente.

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}

Alessio Innocenti    ·     ·   7 years ago

the plugin works very very good. Mr. Amila was very helpful and kind to respond to emails very quickly solving the problem. il plugin funziona benissimo complimenti. Il signor Amila è stato molto disponibile e gentile a rispondere alle email risolvendo il problema molto velocemente.