diff --git a/Website/Composite/console/components/presentation/DataField.js b/Website/Composite/console/components/presentation/DataField.js
index 1745de4d2e..e235877457 100644
--- a/Website/Composite/console/components/presentation/DataField.js
+++ b/Website/Composite/console/components/presentation/DataField.js
@@ -39,42 +39,42 @@ const DataField = props => {
options = props.options.toJS();
defaultOption = options.filter(option => option.value === props.value)[0];
inputElement = ;
- break;
- case 'textarea':
- inputElement = ;
- break;
+ id={props.name}
+ value={defaultOption}
+ clearable={false}
+ multi={false}
+ options={options}
+ onChange={handleChange}
+ placeholder={props.placeholder}>
+ ;
+ break;
+ case 'textarea':
+ inputElement = ;
+ break;
default:
- inputElement = {
event.stopPropagation(); // to ensure default context menu is shown here
- }}
- withHelp={props.help ? true : false}
- />;
+ }}
+ withHelp={props.help ? true : false}
+ />;
}
return (
- {
+ {
// props.headline ?
// {props.headline} :
- // null
- }
+ // null
+ }
{props.label ?
- {props.label} :
- null}
- {inputElement}
+ {props.label} :
+ null}
+ {inputElement}
{props.help ? : null}
);
@@ -83,7 +83,7 @@ const DataField = props => {
DataField.propTypes = {
type: PropTypes.string,
options: ImmutablePropTypes.listOf(ImmutablePropTypes.map),
- updateValue: PropTypes.func,
+ updateValue: PropTypes.func,
name: PropTypes.string.isRequired,
headline: PropTypes.string,
label: PropTypes.string,
diff --git a/Website/Composite/console/components/presentation/DataFieldWrapper.js b/Website/Composite/console/components/presentation/DataFieldWrapper.js
index 9f6619091c..b71f5209b0 100644
--- a/Website/Composite/console/components/presentation/DataFieldWrapper.js
+++ b/Website/Composite/console/components/presentation/DataFieldWrapper.js
@@ -5,7 +5,7 @@ import styled from 'styled-components';
const DataFieldWrapper = styled.div`
position: relative;
margin-bottom: 4px;
-
+
&::after {
display: block;
content: "";