jasonmamy / cordova-wheel-selector-plugin

Wheel selector for Cordova (Android/iOS)
MIT License
65 stars 36 forks source link

How to customize Wheel selector Theme? #34

Open perpetual-claudius opened 6 years ago

perpetual-claudius commented 6 years ago

Hi, I want to customize the popup area using css. Where do I find the html element to add css?

Thanks

jasonmamy commented 6 years ago

Given that the underlying code is native (i.e. Android/iOS) code, it is not currently possible to use css to style the popup.

On Wed, Jul 11, 2018 at 5:03 AM, mail2perpetua notifications@github.com wrote:

Hi, I want to customize the popup area using css. Where do I find the html element to add css?

Thanks

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/jasonmamy/cordova-wheel-selector-plugin/issues/34, or mute the thread https://github.com/notifications/unsubscribe-auth/AJ9UxnisRFYCBoosafDsqQKEyx8rudxVks5uFemvgaJpZM4VLApx .

perpetual-claudius commented 6 years ago

Hi, Thanks for reply. screenshot_20180712-203346 - copy

Here I set two different hours and minutes in the popup but I can't differentiate the both separate way. At-least I want to set tile From and To. Please help me.

jasonmamy commented 6 years ago

This plugin is not made for time selections, use these instead:

https://ionicframework.com/docs/api/components/datetime/DateTime/

https://www.npmjs.com/package/ionic-timepicker

On Thu, Jul 12, 2018 at 8:12 AM, mail2perpetua notifications@github.com wrote:

Hi, Thanks for reply. [image: screenshot_20180712-203346 - copy] https://user-images.githubusercontent.com/4033956/42641854-233af574-8613-11e8-9c78-5ecde5b23337.png

Here I set two different hours and minutes in the popup but I can't differentiate the both separate way. At-least I want to set tile From and To. Please help me.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/jasonmamy/cordova-wheel-selector-plugin/issues/34#issuecomment-404546903, or mute the thread https://github.com/notifications/unsubscribe-auth/AJ9UxiLkVZDgyfmpn-sEsqTasKoeRAaFks5uF2ddgaJpZM4VLApx .

perpetual-claudius commented 6 years ago

Hi, Thanks for reply. time I will customize the time selections in wheel selector. Would it possible to design popup like above image? if can't exactly. At-least I need to show separate between two different time.

Thanks.

jasonmamy commented 6 years ago

Not sure how you'd customize the selector like that given the underlying native code won't allow for those type of scenarios.

On Thu, Jul 12, 2018 at 10:15 PM, mail2perpetua notifications@github.com wrote:

Hi, Thanks for reply. [image: time] https://user-images.githubusercontent.com/4033956/42673435-12df99ca-8689-11e8-96ff-22735fc80cf3.png I will customize the time selections in wheel selector. Would it possible to design popup like above image? if can't exactly. At-least I need to show separate between two different time.

Thanks.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/jasonmamy/cordova-wheel-selector-plugin/issues/34#issuecomment-404727800, or mute the thread https://github.com/notifications/unsubscribe-auth/AJ9UxsXhsmwqwm3OrfCbjc6svCHKDhZ5ks5uGCzdgaJpZM4VLApx .

perpetual-claudius commented 6 years ago

Hi, Is it possible to set background color around popup instead of transparent?

jasonmamy commented 6 years ago

It might be possible (I'm only looking at Android):

https://developer.android.com/reference/android/widget/NumberPicker.html#onDraw(android.graphics.Canvas)

Would somehow have to override that method somewhere in here possibly:

https://github.com/jasonmamy/cordova-wheel-selector-plugin/blob/master/src/android/com/wellseek/cordova/SelectorCordovaPlugin.java#L264

I'm not sure on iOS.

On Thu, Jul 19, 2018 at 5:57 AM, mail2perpetua notifications@github.com wrote:

Hi, Is it possible to set background color around popup instead of transparent?

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/jasonmamy/cordova-wheel-selector-plugin/issues/34#issuecomment-406267031, or mute the thread https://github.com/notifications/unsubscribe-auth/AJ9Uxnnj65MDyJaTd-4_jP9ENyM428wAks5uIIJUgaJpZM4VLApx .