Response title
This is preview!
Getting text input to display grouped+inline with buttons when data-type="horizontal"
in jQuery Mobile
•
11 years ago
Hello again all,
I'm building a search-box at the top of a dynamically-generated list. Users need to have the option to search by First or Last name, so I envisioned a search bar inline with a horizontal 'checkbox/button pair' like this:
( First | Last | ? ___________________________________________________ )
Not my best ASCII art, I know :) But the general idea here is that there would be two jQM-style checkbox/buttons displayed INLINE with the text input as one contiguous item.
What is the best way to acheive this effect? Can it be done with just markup+css without destroying the cross-browser compatibility jQM provides? If I DO need to do some JS work, what procedures will I need to override, or what triggers do I need to hook to preempt/'post-empt" the normal styling done by JQM?
Thanks,
-Matt Ebel
I'm building a search-box at the top of a dynamically-generated list. Users need to have the option to search by First or Last name, so I envisioned a search bar inline with a horizontal 'checkbox/button pair' like this:
( First | Last | ? ___________________________________________________ )
Not my best ASCII art, I know :) But the general idea here is that there would be two jQM-style checkbox/buttons displayed INLINE with the text input as one contiguous item.
What is the best way to acheive this effect? Can it be done with just markup+css without destroying the cross-browser compatibility jQM provides? If I DO need to do some JS work, what procedures will I need to override, or what triggers do I need to hook to preempt/'post-empt" the normal styling done by JQM?
Thanks,
-Matt Ebel
3
