0

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>
1

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

jsfiddle

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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