diff --git a/src/component/toolbox/feature/DataView.ts b/src/component/toolbox/feature/DataView.ts index 6efd570432..626d8044ab 100644 --- a/src/component/toolbox/feature/DataView.ts +++ b/src/component/toolbox/feature/DataView.ts @@ -312,6 +312,8 @@ export interface ToolboxDataViewFeatureOption extends ToolboxFeatureOption { buttonColor?: ColorString buttonTextColor?: ColorString + + buttonContainerExtraCssText?: string } class DataView extends ToolboxFeature { @@ -375,7 +377,8 @@ class DataView extends ToolboxFeature { const blockMetaList = result.meta; const buttonContainer = document.createElement('div'); - buttonContainer.style.cssText = 'position:absolute;bottom:5px;left:0;right:0'; + const buttonContainerExtraCssText = model.get('buttonContainerExtraCssText') || ''; + buttonContainer.style.cssText = 'position:absolute;' + buttonContainerExtraCssText; // eslint-disable-next-line max-len let buttonStyle = 'float:right;margin-right:20px;border:none;cursor:pointer;padding:2px 5px;font-size:12px;border-radius:3px'; @@ -469,7 +472,8 @@ class DataView extends ToolboxFeature { textareaColor: '#fff', textareaBorderColor: '#333', buttonColor: '#c23531', - buttonTextColor: '#fff' + buttonTextColor: '#fff', + buttonContainerExtraCssText: 'right:0;bottom:5px;' }; return defaultOption; diff --git a/test/dataView.html b/test/dataView.html index 55a4c7a779..7382f41647 100644 --- a/test/dataView.html +++ b/test/dataView.html @@ -85,6 +85,11 @@ }, contentToOption: function () { console.log(arguments); + }, + lang: ['Cancel', 'OK', 'View data'], + buttonPosition: { + right: '5px', + top: '5px' } }, saveAsImage: {