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:
<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...">{{$select.selected.name}}</ui-select-match>
<ui-select-choices repeat="account in acctList | filter: $select.search">
<span ng-bind-html="account.name | highlight: $select.search"></span>
</ui-select-choices>
</ui-select>
</div>
</div>
</body>
Any help is greatly appreciated. THH
+3
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)
+3
source to share