Styling a scroll picker - html

I am trying to style the scrolling picker (just what's the correct word for this would help) for a website on iOS Safari. I know that this is possible because they do it on the geico.com form (second page of this form: https://sales2.geico.com/) - but I can't figure out how they did it!
Here's a picture of the request:
Anyone have experience with this?

I did use https://mobiscroll.com/ in a previous project to achieve this, also available from https://github.com/acidb/mobiscroll if you like to fiddle around a bit by yourself.

Related

How to create a Menu like this that show us contents

Helo guy how are you?
I'm a younger developer that I be improve my knowledges, then right now I was travel over the internet when I finded a website very cool https://www.jinx.com With this i will try to develop something menu equal that website, but unfortunately it was in vain :(
I'm still learn a lot of HTMl, CSS, JQ and whaterever web lenguages... Could somene help me to create a menu bar like this?
Greatful now!
Use inspect in chrome(F12).You can see the css in the right corner.Make use of it.
You can follow the google devTools for Live-edit ,changes will be reflected in UI. Live-edit style property names and values in the Styles pane. All styles are editable, except the ones that are greyed out (as is the case with user agent stylesheets).
To edit a name or value, click on it, make your changes, and press Tab or Enter to save the change.
Follows this: https://developers.google.com/web/tools/chrome-devtools/inspect-styles/
Hope it helps.!

How can I disable Chrome paste menu on touch?

I am developing an app to run in Chrome (47.0.2526.106 m) and use a 3rd party keyboard. Chrome presents a small paste menu when you touch a text field. Does anyone know how this can be disabled?
Thanks!
You can add an HTML Attribute to each input to solve this problem. If you don't like this solution, you can also use JavaScript to achieve what you are looking for.

GCSE works only on one page - then it disappears

I wanted to add an Google CSE to the gitbook instead of the normal search engine.
It's no problem to add the GCSE to the gitbook, only the result is weird.
If I go directly to a page I can see the Search Box and can use it normally. If I look at the code there is a div: <div id="__gcse_0">.
If I now go through another chapter the Search Box disappears and there is another div instead of the previous in the code: <gcse:search>.
After I refresh the page the box appears again. This happens on Firefox and Chrome.
Do somebody know what the problem might be?
I've been trying to figure out this same issue... So far, I can only get it to stay by placing the google script into an overriding layout.html - but this is not recommended, and it isn't ideal for most placements. I've also noticed that the CSS that is loaded through the script then gets lost when switching pages (like the script itself was previously) so this solution would also be a pain to re-add all the css files. So it's a super messy solution, and hopefully some one has a better solution out there.

HTML + Chrome help having a form in the page space

I am trying to create a input box somewhere on the screen in chrome, not attached to extension button like a normal popup,
it also needs to be running all the time so the user doesnt need to click the extension button to open it, for example so they do not have to come out of fullscreen.
What i have so far since im not great at html or java just a simple form
What i have: http://i.imgur.com/xCY1a41.png
What i want: http://i.imgur.com/cJH8bD4.png
I would also like to control the position of the form but from what i have above doesnt seem as if i will be able,
Sorry if its a bit vague but anything helps!
What you want to do can't be done in Chrome. This is by design. If web content could display itself outside the boundaries of the browser tab's content area, then users might be confused who was presenting it. Confusion is just the beginning of that problem: if web/extension content could masquerade as a system or browser-level alert, then that content could trick the user into doing something dangerous.
If you need a presence outside of a browser tab, your options are a native app or Chrome App.
If you want the input box to be displayed on the page you could use content script - then it would appear as you presented.

How to show a Webview in a Mac Dashboard Widget?

I am making a simple Mac Dashboard widget which would show a webpage in a webview, from a user selectable URL.
To be honest, I assumed there would simply be a 'webview' type part in the Library which I could just drop on. I've tried fiddling with the canvas part and Googling, but to no avail.
Any ideas of how to simply show http://www.example.com/page.html in a widget?
Thanks!
In case anybody comes here from a search or something, I ended up solving my problem by just viewing the widget's HTML and adding an <iframe> to it. Don't know why I didn't think of that before, but it all works fine.