diff --git a/src/addon/mod/data/fields/picture/component/addon-mod-data-field-picture.html b/src/addon/mod/data/fields/picture/component/addon-mod-data-field-picture.html
index 267cc3a08..d0bbb6885 100644
--- a/src/addon/mod/data/fields/picture/component/addon-mod-data-field-picture.html
+++ b/src/addon/mod/data/fields/picture/component/addon-mod-data-field-picture.html
@@ -13,4 +13,4 @@
-
+
diff --git a/src/addon/mod/data/fields/picture/component/picture.ts b/src/addon/mod/data/fields/picture/component/picture.ts
index a0431b197..dddf848d3 100644
--- a/src/addon/mod/data/fields/picture/component/picture.ts
+++ b/src/addon/mod/data/fields/picture/component/picture.ts
@@ -13,8 +13,9 @@
// limitations under the License.
import { Component } from '@angular/core';
import { FormBuilder } from '@angular/forms';
-import { AddonModDataFieldPluginComponent } from '../../../classes/field-plugin-component';
import { CoreFileSessionProvider } from '@providers/file-session';
+import { CoreDomUtilsProvider } from '@providers/utils/dom';
+import { AddonModDataFieldPluginComponent } from '../../../classes/field-plugin-component';
import { AddonModDataProvider } from '../../../providers/data';
/**
@@ -38,7 +39,8 @@ export class AddonModDataFieldPictureComponent extends AddonModDataFieldPluginCo
width: string;
height: string;
- constructor(protected fb: FormBuilder, private fileSessionprovider: CoreFileSessionProvider) {
+ constructor(protected fb: FormBuilder, private fileSessionprovider: CoreFileSessionProvider,
+ private domUtils: CoreDomUtilsProvider) {
super(fb);
}
@@ -129,8 +131,8 @@ export class AddonModDataFieldPictureComponent extends AddonModDataFieldPluginCo
this.imageUrl = (this.image && this.image.fileurl) || null;
}
}
- this.width = this.field.param1 || '';
- this.height = this.field.param2 || '';
+ this.width = this.domUtils.formatPixelsSize(this.field.param1);
+ this.height = this.domUtils.formatPixelsSize(this.field.param2);
}
}
}