pip-webui/pip-webui-css/samples/css_components/filter_row.html

HTML5 UI for LOB applications

<p class="text-title h72 m0 bm8 layout-row layout-align-start-center">
    Filter row
</p>

<p class="text-subhead2 h48 m0 bm8 layout-row layout-align-start-center">
    Example
</p>
<img src="http://i.imgur.com/NK5hK7J.png" class="bm24" style="width: 400px">

<div class="pip-filter-row divider-bottom layout-row layout-align-start-center">
    <div class="pip-filter-text">
       Priority
    </div>

    <md-input-container class="md-block">
        <md-select ng-disable="{{disableControls}}" class="flex"
                   aria-label="Status" ng-model="topicModel1">
            <md-option ng-value="opt" ng-repeat="opt in topic1">
                {{::opt}}
            </md-option>
        </md-select>
    </md-input-container>


    <div class="pip-filter-text">
        in
    </div>
    <md-input-container class="md-block">
        <md-select ng-disable="{{disableControls}}" class="flex"
                   aria-label="Status"  ng-model="topicModel2">
            <md-option ng-value="opt" ng-repeat="opt in topic2">
                {{::opt}}
            </md-option>
        </md-select>
    </md-input-container>
</div>