schlot

dijit/form/filteringselect on mobile device

Discussion created by schlot on Apr 8, 2014
Latest reply on Apr 28, 2014 by schlot
I'm attempting to use just the compact build and use all dojox/mobile type components.   I needed a dropdown list of county names and I wanted to have something that was fairly small that didn't take up the whole screen.  On other projects, I wasn't using the compact build and everything styled fine.   When I tried to use a dijit/form/FilteringSelect in this paired down version, instead of having a nice dropdown arrow next to my choices, I ended up with some strange styling.
[ATTACH=CONFIG]32920[/ATTACH]

Instead of trying to switch to the full version of the API, I switched to using a dojox/mobile/combobox.  This has the option to allow the user to enter something into the input field as well as pick from the dropdown.  The problem with this is that sometimes to keyboard that pops up on a phone will dismiss cleanly, showing your results, but other time it continues to leave a blank spot on the screen where the keyboard used to be.
   <select data-dojo-type="dijit/form/DataList" data-dojo-props="id:'countyList'">
                            <option selected>Adair</option>
                            <option>Andrew</option>
                            <option>Atchison</option>
                            <option>Audrain</option>
                            <option>Barry</option>
                            <option>Barton</option>
                            <option>Bates</option>
                            <option>Benton</option>
                            <option>Bollinger</option>
                            <option>Boone</option>
                            <option>Buchanan</option>
                            <option>Butler</option>
                            <option>Caldwell</option>
                            <option>Callaway</option>
 </select>
                        <input id="countySelect" type="text" data-dojo-type="dojox/mobile/ComboBox" data-dojo-props="list:'countyList'" placeHolder="Select a county" />

Should I have just stuck with my FilteringSelect and loaded the full version of the API?  Is there something I could have done to have just loaded what I needed for FilteringSelect?  Doing a require for "dijit/form/FilteringSelect" obviously wasn't enough, because the style was completely wonky. 

http://gis.dhss.mo.gov/Website/VFC/index.html

Attachments

Outcomes