Problem with table borders v22.2.7
Hi carlos,
Please find the attached video and details below. Please cross-check that and let us know if you need any other assistance.
|
The exported document with Table 1 looks with the dot (punto) border.
Repeating (cell border style as None)
|
|
|
The exported document with Table 2 looks with the empty border.
setting (Table border style as None)
In MS Word, when setting the border style as None and applying it to the Table, it will remove the border. The Document Editor also follows the same. |
|
Regards,
Kavitha M
Attachment: Table_cell_border_b78fa778.zip
Checking the source code files in debugger i found the issue
on file
node_modules/@syncfusion/ej2-documenteditor/src/document-editor/implementation/dialogs/borders-and-shading-dialog.js in the
getBorder function
BordersAndShadingDialog.prototype.getBorder = function (type) {
var border = new WBorder();
border.color = this.borderColorPicker.value;
border.lineStyle = this.borderStyle.text; // this line is wrong due its taking the translated TEXT instead the proper value
border.lineWidth = this.borderWidth.value;
if (type === 'left' || type === 'right') {
border.space = 4;
} else {
border.space = 1;
}
return border;
};
the line :
border.lineStyle = this.borderStyle.text;
its taking the Translated Value / Text for apply to the borderStyle so in my case im using spanish its trying to SET
border.lineStyle = "Punto" instead border.lineStyle = "Dot"
so manually Setting each time the function is called to
border.lineStyle =
"Dot" in the DEBUG CONSOLE it works but its an issue
See the image
Hi , after upgrading the library @syncfusion/ej2-vue-documenteditor and @syncfusion/ej2-vue-splitbuttons
i got an error
initToolBar tool-bar.js:90
i uninstalled syncfusion libraries and reinstalled
it seems HelperMethods is undefined , any pointers or i have to import another thing in order to initialize document editor ?
After testing it seems i cannot use an object to set custom buttons in the toolbar
if i use this config
works fine
but if i use
[{
prefixIcon: "e-align-bottom-2",
tooltipText: "Import document",
text: "Import",
id: "openCustom"
},
'Separator',
{
prefixIcon: "e-save",
tooltipText: "Export document",
text: 'Export <div class="e-de-text-wrap">as...</div>',
id: "saveCustom"
},
'Separator',
{
prefixIcon: "e-named-set",
tooltipText: "Insert variable in document",
text: 'Insert <div class="e-de-text-wrap"> variable</div>',
id: "insertVariable"
},
'Separator', 'Undo', 'Redo', 'Separator', 'Image', 'Table',
'Separator',
'Header', 'Footer', 'PageSetup', 'PageNumber', 'Break',
'Separator', 'Find', 'Separator',
'LocalClipboard'
]
it breaks.
Another issue i found was using spanish locale
Got the texts from https://github.com/syncfusion/ej2-locale
and no appear the texts for border styles
SO far toolbar problem was solved, turns out that CustomToolbarItemModel text property no longer accepts HTML
example 1:
{
prefixIcon: "e-named-set",
tooltipText: "Insert variable",
text: 'Insert <div class="e-de-text-wrap"> variable</div>',
id: "insertVariable"
},
it breaks
Example 2:
{
prefixIcon: "e-named-set",
tooltipText: "Insertar variable de contratos",
text: 'Insert<br>variable',
id: "insertVariable",
cssClass: 'canna_editor_customBtn'
},
<style>
.canna_editor_customBtn .e-tbar-btn-text{
line-height: 11px;
}
</style>
works
And about borders and shading removing the Spanish language and leaving plain english happens the same
Tested Options :
1.- Removed node_modules and reinstall all
2.- Uninstalled syncfusion libraries and reinstall
3.- cleared cache in browser
so far the installed in package json was
using VUE .2.7.14 , quasar 1.22.9
