A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/bootstrap-vue/bootstrap-vue/commit/21a822b below:

allow setting label cols props to `auto` (closes … · bootstrap-vue/bootstrap-vue@21a822b · GitHub

File tree Expand file treeCollapse file tree 2 files changed

+7

-4

lines changed

Filter options

Expand file treeCollapse file tree 2 files changed

+7

-4

lines changed Original file line number Diff line number Diff line change

@@ -79,9 +79,10 @@ By default, the label appears above the input element(s), but you may optionally

79 79

(label to the left of the input) at the various standard Bootstrap breakpoints.

80 80 81 81

The props`label-cols` and `label-cols-{breakpoint}` allow you to specify how many columns the label

82 -

should occupy in the row. The input(s) will fill the rest of the row. The value must be a number

82 +

should occupy in the row. The input will fill the rest of the row width. The value must be a number

83 83

greater than `0`. Or you can set the prop to `true` to make the label and input(s) each occupy half

84 -

of the width of the rendered row (handy if you have custom Bootstrap with an odd number of columns).

84 +

of the width of the rendered row (handy if you have custom Bootstrap with an odd number of columns),

85 +

or set the value to `'auto'` so that the label occupies only the width that is needed.

85 86 86 87

| prop | description |

87 88

| --------------- | --------------------------------- |

@@ -107,6 +108,8 @@ of the width of the rendered row (handy if you have custom Bootstrap with an odd

107 108

</div>

108 109

</div>

109 110 111 +

The ability to set the label cols to `'auto'` was added in BootstrapVue version <samp>2.1.0</samp>.

112 + 110 113

<!-- b-form-group-horizontal.vue -->

111 114

```

112 115

@@ -228,7 +231,7 @@ of related form controls:

228 231

Setting the `disabled` prop will disable the rendered `<fieldset>` and, on most browsers, will

229 232

disable all the input elements contained within the fieldset.

230 233 231 -

`disabled` has no effect when `label-for` is set (as a `fieldset` element is not rendered).

234 +

`disabled` has no effect when `label-for` is set (as a `<fieldset>` element is not rendered).

232 235 233 236

## Validation state feedback

234 237 Original file line number Diff line number Diff line change

@@ -258,7 +258,7 @@ export const BFormGroup = {

258 258

// Handle case where the prop's value is an empty string,

259 259

// which represents true

260 260

propVal = propVal === '' ? true : propVal || false

261 -

if (!isBoolean(propVal)) {

261 +

if (!isBoolean(propVal) && propVal !== 'auto') {

262 262

// Convert to column size to number

263 263

propVal = parseInt(propVal, 10) || 0

264 264

// Ensure column size is greater than 0

You can’t perform that action at this time.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4