Framework7: Material Searchbar Update

[theavijitsarkar]

This is a (multiple allowed):

• [x] enhancement

• [x] feature-discussion (RFC)

• Framework7 Version: latest

• Platform and Target: Material
• Live Link or JSFiddle/Codepen: https://material.io/guidelines/patterns/search.html#search-in-app-search

Requesting to update the search bar to the new material design search.
Sample https://material.io/guidelines/patterns/search.html#search-in-app-search

[J05HI]

Please give more information

[ZanderBrown]

@J05HI we have the info we need

[J05HI]

@ZanderBrown
I think the search bar is great as it is. No need to change it to that ugly style

[theavijitsarkar]

If we are following the material guidelines then we should update.

Existing one is more like the ios style.

On Fri, 14 Apr 2017 at 3:17 AM, Joshua Ott [e-mail] wrote:

@ZanderBrown https://github.com/ZanderBrown
I think the search bar is great as it is. No need to change it to that
ugly style

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/nolimits4web/Framework7/issues/1489#issuecomment-294030250,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AIfIoTz2dX7YiiJCln0sYZBVMpSKpbj0ks5rvpfSgaJpZM4M57SU
.

[J05HI]

Yeah but I can't see it clearly on that mockup.
Can you maby provide a better screenshot :)

[J05HI]

I think you mean this. That would be amazing!

When closed:

On search click it opens with an animation to this:

[theavijitsarkar]

Yes this is the exact thing!

On Fri, 14 Apr 2017 at 3:32 AM, Joshua Ott [e-mail] wrote:

I think you mean this. That would be amazing!

When closed:
[image: screenshot_20170413-235955]
https://cloud.githubusercontent.com/assets/16399787/25026138/7ff9d228-20a5-11e7-8a04-43643226c046.png

On search click it opens with an animation to this:
[image: screenshot_20170414-000020]
https://cloud.githubusercontent.com/assets/16399787/25026144/8886467e-20a5-11e7-885d-6f5dfdf1c8c4.png

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/nolimits4web/Framework7/issues/1489#issuecomment-294033442,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AIfIoRSFovjcv2SGRG7GrByNrp1i3s7Nks5rvpuRgaJpZM4M57SU
.

[J05HI]

Okay now we have the same idea.
Let's hope @nolimits4web has time to integrate that

[J05HI]

@nolimits4web @snowbreeze

Here an example:

Opening with recent searches:

Searching with autocomplete:

[theavijitsarkar]

@J05HI the second gif isnt loading

[J05HI]

@snowbreeze
Thx somehow it was broken, I reuploaded it :)

[theavijitsarkar]

Yes this searchbar looks good.

[nolimits4web]

Done in v2

[theavijitsarkar]

Thanks @nolimits4web