Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

Allow horizontal alignment of multiple selects #770

Closed
psmiley opened this issue Jan 6, 2011 · 1 comment
Closed

Allow horizontal alignment of multiple selects #770

psmiley opened this issue Jan 6, 2011 · 1 comment

Comments

@psmiley
Copy link

psmiley commented Jan 6, 2011

Fix as suggested in http://forum.jquery.com/topic/data-role-horizontal-for-selects works for 1.0alpha2 release, but the alignment of the label is off when on the same line as the selects
Can re-create with adding
[data-type='horizontal'] div.ui-select {
width: auto;
}
to css
and the following HTML:

            <fieldset data-type="horizontal">
                <label for="dob"><strong>Date of Birth:</strong></label>
                <select name="day" id="day" data-type="horizontal">
                    <option value="1">01</option>
                    <option value="2">02</option>                    
                 </select>           
         
                <select name="month" id="month" data-type="horizontal">
                    <option value="January">January</option>
                    <option value="Febuary">Febuary</option>
                </select>           
        
                <select name="year" id="year" data-type="horizontal">
                    <option value="2011">2011</option>
                    <option value="2010">2010</option>
                </select>
         
            </fieldset>

        </div>
@toddparker
Copy link
Contributor

Good idea, but I'm closing this because it won't make it into 1.0 and moving it to feature request list:
https://github.com/jquery/jquery-mobile/wiki/Feature-Requests

This issue was closed.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@toddparker @psmiley