Is there a way to create an ios datepicker/timepicker like styled custom select for ionic apps?
For example, I want to create a custom select as the following image
This is kind of late to the party, but maybe this will help: https://github.com/mmnaseri/proton.multi-list-picker
This is an Angular 1.x component with no dependencies on any other frameworks that provides an easy solution for creating iOS-style select views.
For instance, this is the sort of select that you can create with this component:
And this is another example:
If you set the attachment value to bottom it will be exactly like the iOS select component looks like, with a fixed bottom modal attachment.
I'm not sure but for now this not possible with Ionic. There options like this ionic-datepicker, but this isn't native, just a library.
There are various plugins available out there. You can find one here
Also you can use HTML Select/Option list to show up a native alike control that will display a list of single select-able items. Select/Option tag invokes OS specific native selector.
Have a look at it here. That demo might help you.
Related
I'm working on an app where I need map-like in html function.. the thing is I have the website ready
The website shows a picture of an auto-part with multiple clickable areas so the user can select which
part to select
Example
I wondering if I can find this functionality in Flutter
Thanks in advance
I have not used this package yet but this might work for you - https://pub.dev/packages/flutter_image_map
From what I've seen in the readme/example tab you should be able to achieve your design.
I'm creating an app in Angular 6 and I want to change all the scrollbars to a custom one. I'm aiming for something similar to the Mac OS scrollbar;
Transparent
Over the content
Shows on mouse over
I want a method that will replace all and any scrollbar that will appear in the app to this custom one without altering the html.
I've been looking for an Angular/Typescript plugin to do this but each one I found is suggesting that I wrap my content in it's related selector. Which is not something I want to do. Or am I not understanding how to use this?
This one plugin I'm looking at: https://www.npmjs.com/package/ngx-perfect-scrollbar
Is there a way to use this plugin without wrapping my content with <perfect-scrollbar>?
Sorry, I'm very new to Angular :(
I was also looking into Custom CSS scrollbars but that only works for webkit browsers.
just use this :
const ps = new PerfectScrollbar('.scroll-container');
and set scroll-container class on all the elements that need scroll
hi is it possible to create/ extend from tab navigator or another component to create a tab navigator where tabs are within tabs. I.e grouped. I have been trying to find some info on this but there is very little available. I have attempted to do something as follows but I cannot successfully get it to work. Any expansion or information on this would be great
Thanks
You can try Flex MenuBar with custom skin for it. Or, maybe it will be easier, you can try to write own component based on Spark ButtonBar (or TabBar) with List as suggested in Flex: Skinning menuBar - is it possible?
Is it possible for a select menu to open a spinner with two columns in iOS? Similar to how when you have an input type of date iOS opens its customised spinner with different columns that are all individually selectable.
Sorry should have specified "in HTML"
Not using native controls, no. There are a few libraries for this already available mind you:
http://cubiq.org/dropbox/sw/ is a good example of one that mimics the iOS interface.
I want to add HTML tabs withdrawing current design of info window of google map. Something like this
I am going through OpenLayers API, but i am not sure how to achieve this.
Any suggestion?
I'm not sure what the programmer used to create that red Info Window in your screenshot.
However, InfoBubble is capable of creating tabs, and you can also customize its styles. Try the demos:
http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html/
You could also use Infobox and create the HTML to make it look like your example using Twitter Bootstrap + HTML.
I did this in my site and it worked great