Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I have a search function with 5 different variables, the search depends on any one of the 5 variables. What would be the best way to display this without taking to much real estate and without it looking sloppy and budged in together.

I was thinking maybe popping the whole thing in a modal popup, but then what if I want multiple searches on one page it wouldn't be ideal for modal's. Essentially I would want an effective way to display this in my page, and be able to duplicate it on other pages as a default search type control. This is what I currently have and the fiddle is here:

        <table class="table-bordered table-condensed">
        <tbody>
            <tr>
                <td>
                    Variable 1:
                </td>
                <td>
                    <input type="radio" />
                </td>
            </tr>
            <tr>
                <td>
                    Variable 2:
                </td>
                <td>
                    <input type="radio" />
                </td>
            </tr>
            <tr>
                <td>
                    Variable 3:
                </td>
                <td>
                    <input type="radio" />
                </td>
            </tr>
            <tr>
                <td>
                    Variable 4:
                </td>
                <td>
                    <input type="radio" />
                </td>
            </tr>
            <tr>
                <td>
                    Variable 5:
                </td>
                <td>
                    <input type="radio" />
                </td>
            </tr>
        </tbody>
    </table>
</div>
share|improve this question
add comment

1 Answer 1

up vote 1 down vote accepted

Since it's only going to be five options, why not a dropdown menu + text input + submit button?

jsfiddle

share|improve this answer
    
I was thinking the exact same thing ;) jsfiddle.net/Fumunchu/7DSbY –  Jacques Bronkhorst Feb 14 '13 at 6:31
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.