Can't force shortcut to be inline angular-ui-select object

I'm trying to get the label to the left of the angular-ui-select dropdown, but it will show below the label no matter what I try. I recently pulled the latest angular-ui-select. I am using selectize theme, but same thing happened with bootstrap theme.

Am I doing something wrong in my HTML? I just don't see it.

Here's my HTML body:

<div ng-controller="MainCtrl">
    <div id="acct">
        <label for="acctList">Account:</label>
        <ui-select id="acctList" ng-model="acctList.selected" style="width: 250px;" theme="selectize" ng-disabled="disabled" title="Choose an account">
            <ui-select-match placeholder="Select or search an account in the list...">{{$}}</ui-select-match>
            <ui-select-choices repeat="account in acctList | filter: $">
                <span ng-bind-html=" | highlight: $"></span>


Any help is greatly appreciated. THH


source to share

1 answer

After doing more searching and experimenting and using Firebug, I found out that ui-select is composed of a div. I was able to position the label to the left of the dropdown by adding:

display:inline-block; vertical-align:middle 


for the style attribute ui-select


(image cannot be placed)



All Articles