tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 12:05:37 +00:00
Code Issues Projects Releases Wiki Activity

Bootstrap classes for text field

Browse Source 
Required to support new "compressed" form style in admin/assets
which puts form field labels on their own line (and requires the bootstrap layout styling for this)
This commit is contained in:
Ingo Schommer 2016-05-27 08:25:48 +12:00
parent b4c5c71a0b
commit 7c62a6d58d
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
admin/client/src/components/TextField/TextField.js
View File

@ -23,7 +23,7 @@ class TextField extends SilverStripeComponent {
// The extraClass property is defined on both the holder and element
// for legacy reasons (same behaviour as PHP rendering)
const classNames = ['field', 'text', this.props.extraClass].join(' ');
const classNames = ['field', 'text', 'form-group', this.props.extraClass].join(' ');
return (
<div className={classNames}>
@ -32,9 +32,7 @@ class TextField extends SilverStripeComponent {
{labelText}
</label>
}
<div className="middleColumn">
{field}
</div>
{field}
</div>
);
}
@ -43,7 +41,7 @@ class TextField extends SilverStripeComponent {
return {
// The extraClass property is defined on both the holder and element
// for legacy reasons (same behaviour as PHP rendering)
className: ['text', this.props.extraClass].join(' '),
className: ['text', 'form-control', this.props.extraClass].join(' '),
id: `gallery_${this.props.name}`,
name: this.props.name,
onChange: this.handleChange,